Flutter FutureBuilder/Stream 如何根据给定时间在 ConnectionState.waiting 中显示 2 个不同的小部件

【问题标题】：Flutter FutureBuilder/Stream how to show 2 different widgets in ConnectionState.waiting depending on given timeFlutter FutureBuilder/Stream 如何根据给定时间在 ConnectionState.waiting 中显示 2 个不同的小部件
【发布时间】：2021-04-07 14:13:34
【问题描述】：

我想在ConnectionState.waiting 的第一秒显示一个Text() 小部件，但如果需要超过一秒，我想显示一个带有自定义动画的不同小部件。

简化代码（StatelessWidget）：

...
Stream
...
if (snapshot.connectionState == ConnectionState.waiting) {
                    return Text('Loading data');
                    return CustomWidget(); <- Show this widget instead of Text if more than 1 sec
                  }

【问题讨论】：

需要更长的时间是什么意思？连接时，等待状态只会被调用一次。

标签： flutter flutter-futurebuilder

【解决方案1】：

我不知道这是不是你需要的。

首先定义一个DateTime变量：

DateTime time = DateTime.now();

然后在你的构建方法中设置当前的日期时间：

@override
  Widget build(BuildContext context) {
    time = DateTime.now();

然后在您的结果中，您可以使用当前的 DateTime 检查“时间”变量，如下所示：

if (snapshot.connectionState == ConnectionState.waiting) {
  if (DateTime.now().difference(time).inSeconds>10){
    return Text("More than 10 seconds");
  }
  else {
    return Text('Less than 10 seconds');
  }
}

【讨论】：

这正是我想要的，非常感谢！