Flutter：仅在FutureBuilder结束后如何显示floatingActionButton

问题描述

我只想在将来加载数据（ConnectionState.done）后才显示一个floatActionButton。

它只是在等待过程中显示，并不酷。我希望在以后的处理（ConnectionState.done）之后显示它。

有人给小费吗？

我的代码：

 @override
  void initState() {
    _future = getFuture();
    super.initState();
  }

  Future<List<Associated>> getFuture() async {
    return _webClient.findAll();
  }

 //@override
  Widget build(BuildContext context) {
    return Scaffold(
      body: FutureBuilder<List<Associated>>(

        future: _future,builder: (context,snapshot) {
          switch (snapshot.connectionState) {
            case ConnectionState.none:
              break;
            case ConnectionState.waiting:
              return Progress();
              break;
            case ConnectionState.active:
              break;
              case ConnectionState.done:
               if (snapshot.hasData) {
                final List<Associated> associateds = snapshot.data;
                if (associateds.isNotEmpty) {
                  return Container(

                    child: Form(
                      child: SingleChildScrollView(
                        child: associatedWidgets(associateds),),);
                }
              }
              return CenteredMessage(
                'Not found.',icon: Icons.warning,);
              break;
          }

        },floatingActionButton: Button(
        Icons.save,onClick: () {
          _update(context);
        },);
  }

解决方法

据我了解您的问题，我想回答一下。
这样简单。

此外，我们不应该在FutureBuilder中调用setState()。

因此，考虑到这种情况，我们可以做这样的事情。
定义变量bool isLoading = true;

@override
  void initState() {
    getFuture().then((value){
        setState(() { 
          _future = value;
          isLoading = false;
        });
    }).catch((e) {
     // Some Error Handling
    });
    super.initState();
  }

并在分配FloatingActionButton时执行以下操作。

  floatingActionButton: isLoading? null : Button(
        Icons.save,onClick: () {
          _update(context);
        },),

但是在这种情况下，您必须像这样使用FutureBuilder以外的小部件。

Scaffold(
   body: isLoading ? Progress(): ListView()
);

提示：您可以将FloatingActionButton小部件与onPressed一起使用，而不是Button

,

此语句setState（（）{isLoading = false;}）;导致错误：

在构建FutureBuilder 时引发了以下断言（脏，状态：_FutureBuilderState ＃c72c4）： 在构建期间调用setState（）或markNeedsBuild（）。

此AssociatedUpdate小部件不能标记为需要构建，因为该框架已经在构建小部件。仅当其某个祖先当前正在构建窗口小部件时，才可以将其标记为需要在构建阶段中构建。允许使用此异常是因为该框架在子代之前构建父窗口小部件，这意味着将始终构建脏后代。否则，框架在此构建阶段可能不会访问此小部件。 调用setState（）或markNeedsBuild（）的窗口小部件为：AssociatedUpdate 状态：_AssociatedUpdateState＃2d43d 进行违规呼叫时当前正在构建的小部件为：FutureBuilder 脏 状态：_FutureBuilderState ＃c72c4 相关的引起错误的小部件是： FutureBuilder file：///home/adalbertojr/IdeaProjects/hcslzapp/lib/pages/associated/associated.update.dart：84：13 引发异常时，这是堆栈： ＃0 Element.markNeedsBuild。 （包：flutter / src / widgets / framework.dart：4167：11） ＃1 Element.markNeedsBuild（package：flutter / src / widgets / framework.dart：4182：6） ＃2 State.setState（package：flutter / src / widgets / framework.dart：1253：14） ＃3 _AssociatedUpdateState.build。 （package：hcslzapp / pages / associated / associated.update.dart：102：15） ＃4 _FutureBuilderState.build（package：flutter / src / widgets / async.dart：732：55） ...

,

对不起，但是当您说：

时，我不明白您的意思。

但是在这种情况下，您必须像这样使用其他FutureBuilder小部件。

Scaffold(
   body: isLoading ? Progress(): ListView()
);