android - 想要在用户点击按钮后禁用按钮 30 秒，然后在 flutter 中自动启用它

Question

我正在开发一个登录系统，我通过 OTP 对用户进行身份验证，在这里我想在用户每次单击时禁用 重新发送 OTP 按钮 30 秒并显示剩余时间

Answer 1

如果你想有一个实时计数器来向用户显示过去的秒数，你应该使用流生成器

            StreamBuilder(
              stream: _timerStream.stream,
              builder: (BuildContext ctx,
                  AsyncSnapshot snapshot) {
                return SizedBox(
                  width: 300,
                  height: 30,
                  child:RaisedButton(
                  textColor: Theme.of(context)
                      .accentColor,
                  child: Center(
                      child:
                      snapshot.data == 0 ?
                      Text('send code again')
                          : Row(
                        mainAxisAlignment: MainAxisAlignment.center,
                        children: <Widget>[
                          Text(' button will be enable after ${snapshot.hasData ? snapshot.data.toString() : 30} seconds '),
                        ],)
                  ),
                  onPressed: snapshot.data == 0 ? () {
                    // your sending code method

                    _timerStream.sink.add(30);
                    activeCounter();
                  } : null,
                )
                );
              },
            )

您可以使用此 link 在 dartpad.dev 上找到完整代码