flutter - FutureBuilder 返回数据后如何导航到屏幕？

Question

当应用程序使用 Future 初始化时我从远程 JSON 获取数据文件。

而不是 return -在 widget当FutureBuilder有数据，我想导航到新屏幕。

我现在使用的方式:

@override
  Widget build(BuildContext context) {
    return FutureBuilder<void>(
        future: getDataFromJsonFile(),
        builder: (context, snapshot) {
          if (!snapshot.hasData) {
            return CircularProgressIndicator();
          }
          return AnotherScreen();
        });
  }

相反，我想导航到一个新屏幕:

@override
  Widget build(BuildContext context) {
    return FutureBuilder<void>(
        future: getDataFromJsonFile(),
        builder: (context, snapshot) {
          if (!snapshot.hasData) {
            return CircularProgressIndicator();
          }
          Navigator.pushReplacementNamed(context, "/manatx");
        });
  }

显然，第二个代码块导致错误: setState() or markNeedsBuild() called during build
有谁知道如何实现这一目标？

Answer 1

使用 WidgetsBinding.instance.addPostFrameCallback() 将等待你 Widget build 调用里面的 Action ，看:

@override
Widget build(BuildContext context) {
    return FutureBuilder<void>(
        future: getDataFromJsonFile(),
        builder: (context, snapshot) {
          if (!snapshot.hasData) {
            return CircularProgressIndicator();
          }
          //Wait flutter finish build...
          WidgetsBinding.instance.addPostFrameCallback((_) {
            //When finish, call actions inside
            Navigator.pushReplacementNamed(context, "/manatx");
          });
        });
  }