RN项目笔记(三)滑块验证码的实现

这篇文章接着上一篇文章,要实现的效果如下:


要想实现手指滑动的监听事件,就要导入PanResponder库。这个库用于处理用户的手势操作,如单点触摸滑屏、多点触摸放大缩小等手势。

基本用法:

拖动滑块验证是一个单点触摸拖动的效果,所以上面的方法接下来只用到一部分。

1.创建PanResponder,RN0.64版的官网案例是把PanResponder的创建放在了componentWillMount里,但componentWillMount即将过时,这个函数的功能完全可以使用componentDidMount和constructor来代替,componentDidMount一般情况是用来异步获取的数据的,constructor一般情况是用来初始化的,于是我把PanResponder的创建放在了构造函数里。


2.四个方法的具体实现


3.部分布局代码



完整代码地址


今天的分享结束了,再见~

你可能感兴趣的:(RN项目笔记(三)滑块验证码的实现)