0

我正在尝试获取一个PageView.Builder使用网络数据构建的。当我尝试从另一个页面滑动到它时,我得到一个白色背景,它似乎充当占位符,直到来自该页面的网络数据Future到达。我想要的是原始页面在页面构建之前保持在后台可见。但是,尽管我已经尝试了我能想到的一切,但背景仍然是白色的,直到Future到达填充PageView. 在到达之前,我如何才能获得清晰的或至少降低不透明度的占位符?

我使用了 CircularProgressIndicator 作为占位符,但它不仅看起来很糟糕(滑动将其向各个方向炸毁),而且背景仍然顽固地不透明和白色。我也尝试了Container一个透明的颜色,但这只是覆盖了未来的白色背景。我怎样才能摆脱像占位符一样的不透明白色背景Future

这是未来;

FutureBuilder<List<ReplyContent>> replyStage({String replyid}) {
  return FutureBuilder<List<ReplyContent>>(
    future: downloadReplyJSON(replyid),
    builder: (context, snapshot) {
      if (snapshot.hasData) {
        List<ReplyContent> replycrafts = snapshot.data;
        return StageBuilderVR(replycrafts, Globals.masterTitle);
      } else if (snapshot.hasError) {
        return Text('${snapshot.error}');
      }
      return
        Container(
         color: Colors.transparent,
        );
    }
  );
}
4

1 回答 1

0

因此,我决定完全采用不同的方法,并创建了一个虚拟页面,它以图形方式镜像上一页,其中包含上一页的所有图形元素,但没有任何代码。我用这个假人代替了 CircularProgressIndicator。这可能不是正确或最好的方法,但它似乎运作良好。我对结果很满意。

FutureBuilder<List<ReplyContent>> replyStage({String replyid, String replytitle}) {
  return new FutureBuilder<List<ReplyContent>>(
    future: downloadReplyJSON(),
    builder: (context, snapshot) {
      if (snapshot.hasData) {
        List<ReplyContent> replycrafts = snapshot.data;
        return StageBuilderVR(replycrafts, replytitle);
      } else if (snapshot.hasError) {
        return Text('${snapshot.error}');
      }
      return DummyPage();
    },
  );
}
于 2020-09-01T19:22:13.847 回答