Flutter之Timer实现短信验证码获取60s倒计时功能的代码

 更新时间:2020年07月08日 11:59:20   作者:管管  
这篇文章主要介绍了Flutter之Timer实现短信验证码获取60s倒计时功能,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

先看下效果:

两种需求场景:

1.广告页3s后跳转到首页

2.短信验证码60s倒计时

第一种的话,根据需求我们可以知道,我们想要的效果就是3s结束做出一个动作。

factory Timer(Duration duration, void callback()) {
  if (Zone.current == Zone.root) {
   // No need to bind the callback. We know that the root's timer will
   // be invoked in the root zone.
   return Zone.current.createTimer(duration, callback);
  }
  return Zone.current
    .createTimer(duration, Zone.current.bindCallbackGuarded(callback));
 }

两个参数,第一个参数超时时间,即多久后执行你想要的动作,第二个参数callback回调方法,即超时后你想要执行的动作是什么,比如跳转到首页。

第二种的话就是需要不断的做出倒计时的动作。

factory Timer.periodic(Duration duration, void callback(Timer timer)) {
  if (Zone.current == Zone.root) {
   // No need to bind the callback. We know that the root's timer will
   // be invoked in the root zone.
   return Zone.current.createPeriodicTimer(duration, callback);
  }
  var boundCallback = Zone.current.bindUnaryCallbackGuarded<Timer>(callback);
  return Zone.current.createPeriodicTimer(duration, boundCallback);
 }

这种调用方式和上面的方式的区别是:第一种只会回调一次,就是超时时间到了之后执行callback回调方法,而Timer.periodic调用方式是循环不断的调用,比如说通过这种方式,你设置的超时时间是1s的话,那就会每隔1s调用一次callback的回调方法,也就是通过这种方式来实现我们的短信验证码60s倒计时获取。

看下具体用法吧:

 Timer _timer;
 int _timeCount = 60;

触发事件:

onTap: () {
   _startTimer();
},

处理方法:

void _startTimer() {
  ToastUtil.showTips('短信验证码已发送,请注意查收');
  _timer = Timer.periodic(Duration(seconds: 1), (Timer timer) => {
   setState(() {
    if(_timeCount <= 0){
     _autoCodeText = '重新获取';
     _timer.cancel();
     _timeCount = 60;
    }else {
     _timeCount -= 1;
     _autoCodeText = "$_timeCount" + 's';
    }
   })
  });
 }

到此这篇关于Flutter之Timer实现短信验证码获取60s倒计时功能的代码的文章就介绍到这了,更多相关Flutter短信验证码倒计时内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Android自定义评分控件的完整实例

    Android自定义评分控件的完整实例

    在Android开发中,我们经常会用到对商家或者商品的评价,运用星星进行打分,下面这篇文章主要给大家介绍了关于Android自定义评分控件的相关资料,文中通过图文介绍的非常详细,需要的朋友可以参考下
    2022-05-05
  • 基于Android中获取资源的id和url方法总结

    基于Android中获取资源的id和url方法总结

    下面小编就为大家分享一篇基于Android中获取资源的id和url方法总结,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-02-02
  • Eclipse NDK迁移到Android Studio的方法示例

    Eclipse NDK迁移到Android Studio的方法示例

    本篇文章主要介绍了Eclipse NDK迁移到Android Studio的方法示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-03-03
  • Android编程滑动效果之Gallery仿图像集浏览实现方法

    Android编程滑动效果之Gallery仿图像集浏览实现方法

    这篇文章主要介绍了Android编程滑动效果之Gallery仿图像集浏览实现方法,结合实例形式详细分析了Gallery浏览图片的原理、步骤与相关实现技巧,需要的朋友可以参考下
    2016-02-02
  • Android Camera实现旋转角度

    Android Camera实现旋转角度

    这篇文章主要为大家详细介绍了Android Camera实现旋转角度,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • Android Studio gradle配置packagingOptions打包so库重复

    Android Studio gradle配置packagingOptions打包so库重复

    这篇文章主要为大家介绍了Android Studio gradle配置packagingOptions打包so库重复问题的解决,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-11-11
  • Android超清晰6.0权限申请AndPermission

    Android超清晰6.0权限申请AndPermission

    这篇文章主要介绍了Android超清晰6.0权限申请AndPermission,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-11-11
  • 浅析Flutter AbsorbPointer 与 IgnorePointer的区别

    浅析Flutter AbsorbPointer 与 IgnorePointer的区别

    Flutter是Google一个新的用于构建跨平台的手机App的SDK。这篇文章主要介绍了Flutter AbsorbPointer 与 IgnorePointer的区别,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-04-04
  • Android Activity启动模式之singleTop实例详解

    Android Activity启动模式之singleTop实例详解

    这篇文章主要介绍了Android Activity启动模式之singleTop,结合实例形式较为详细的分析了singleTop模式的功能、使用方法与相关注意事项,需要的朋友可以参考下
    2016-01-01
  • Android事件分发机制的详解

    Android事件分发机制的详解

    这篇文章主要介绍了Android事件分发机制的详解的相关资料,希望通过本文能帮助到大家,让大家理解掌握Android事件分发机制,需要的朋友可以参考下
    2017-09-09

最新评论