streambuilder 中的倒数计时器 - Flutter

Question

大家好，我是 Flutter 初学者:), 我想在给定时间创建倒计时，但无法更新 StreamBuilder 中的值。

此代码在我的 streambuilder 中：

 return Expanded(
                child: ListView(
              children: snapshot.data!.docs.map((DocumentSnapshot document) {
                Event event = Event.fromMap(
                    document.data() as Map<String, dynamic>, document.id);

                return Container(
                    color: Colors.green[400],
                    margin: const EdgeInsets.all(8),
                    child: Padding(
                        padding: const EdgeInsets.all(16),
                        child: Row(
                          children: [
                            Expanded(
                                child: Column(
                              crossAxisAlignment: CrossAxisAlignment.start,
                              children: [
                                Text(event.name),
                                const SizedBox(height: 16),
                                Text(FormatDateHelper()
                                    .dateFormated(event.date)),
                                const SizedBox(height: 16),
                                Text(event.street),
                              ],
                            )),

                            ....

有人可以帮我吗？

Answer 1

我已经创建了一个没有任何插件的神奇计时器，在这里您还可以获得倒数计时器。并且不要忘记在按下后退时停止计时器。

这是我的计时器完整项目的 link。

streambuilder 中的倒数计时器 - Flutter

Countdown timer in streambuilder - Flutter

flutter

countdowntimer