react-native手势和视图

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属性，前端的童鞋应该都知道吧