react native短信验证码

在yy解忧中有用到短信验证码的地方,需要做到如下效果:

image.pngimage.png

自定义验证码的过程:

1.构造函数

image.png

2.界面代码

image.png

3.逻辑代码

image.png

image.png

image.png

说明:shouldStartCountting:回调函数,接受bool类型

shouldStartCountting(true),开始倒计时,倒计时结束时自动恢复初始状态

shouldStartCountting(false),Button的selfEnable被置为true

(博客不能正常显示代码,所以放了代码截图上去)

日记本

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

赞赏支持
被以下专题收入,发现更多相似内容