react-native的手势操作,从而去看了关于View的许多文档,现在做个总结。
首先,还是要知道他的解释,看了文档的都知道,react-native的View,不论在什么平台上,他都对应一个平台的原生视图,无论他是UIView、div、还是android.view.View。
然后再是去看他的属性方法,这些属性方法就是今天的重头戏了。
一、onLayout function
当组件挂载或者变化的时候调用,内部有nativeEvent.layout属性,包含四个参数:
例子:
以上例子把View的宽和高保存在state中,用于以后计算
二、手势操作
组合技能:
1和2同时返回为true,表示respond被激活
8和9同时返回为true,表示同一家族(即祖宗、父、子组件)中该组件被激活。
这个要多讲一下,因为组件的respond激活是按照冒泡排序的,即最内层(子组件)最先被激活。
而当你在外层即父组件的8和9设置返回true时,该组件优先被激活。
所以一次正常的触摸手势流程为:
以上方法被操作时还会传入两个值(e: Object, gestureState: Object)
例子如下:
不激活时为黑色,点击时为红色,该组件随手势移动。
三、style
在View的style里面有个一个transform属性,前端的童鞋应该都知道吧
领取专属 10元无门槛券
私享最新 技术干货