ReactNative开发——View组件

ReactNative开发——View组件

View组件是React Native最基本的组件，绝大部分其他React Native组件都继承了View组件的属性，包括支持View组件的样式设置，回调函数以及其他属性。

View组件的颜色和边框

View组件的阴影与其他视角效果

View组件的变形

在React Naive开发中，开发者可以利用transform样式键设置实现组件的变形，从而实现文字或图像的变形。变形包括：translate(平移)，scale(缩放)、rotate(旋转),skew（倾斜）四种类型。
transform样式键的格式是：

transform:
[
    {perspective:number},{rotate:string},{rotateX:string},{rotateY:string},{rotateZ:string},{scale:number},{scaleX:number},{scaleY:number},{scaleZ:number},{translateX:number},{translateY:number},{skewX:string},{skewY:string}
]

View组件的回调函数

onMoveShouldSetResponder、onMoveShouldSetResponderCapture、onResponderGrant、onResponderMove、onResponderReject、onResponderRelease、onResponderTerminate、onResponderTerminationRequest、onStartShouldSetResponder、onStartShouldSetResponderCapture这10个属性是回调函数类型的属性，他们被用来处理手势（手指在屏幕上触摸、移动）事件，但对于部分处理手势事件的需求，开发者都是使用其他组件的能力完成的。

onLayout是View组件回调函数类型的属性。当View组件被加载或者布局改变时，回调函数将被调用。

View组件的其他属性

removeClippedSubviews是布尔类型的属性。他是一个特殊的与性能优化相关的属性，通常在ScrollView组件或ListView组件中使用。当组件中很多子组件不在屏幕显示范围内时。将这些属性设置为true,允许这些不在显示范围内的子组件以优化性能。

React Native有一套专门为了上失能人士（指因为伤病而导致视力或者触摸能力受损的人）更方便的使用手机而准备的，其中大部分属性是在View组件中设置。
IOS和Andorid平台都可以使用的属性有：accessible,accessibilityLabel。
IOS平台独有的属性有：accessibilityTraits,onAccessibilityTab,onMagicTap,
Andorid平台独有的属性有：accessibilityCompentType,accessibilityLiveRegion,importantForAccessbility

PointerEvents属性

在React Native UI开发中，很多组件被布局在手机屏幕上，其中一些组件使用绝对定位布局，在代码运行时的某个时刻有可能会遮盖住它的位置下方的某个组件的部分或者全部。在React Native中，触摸事件总是被传送到最上层的组件，绝对定位可以被认为会覆盖在它前面的布局的上方。对于某些应用逻辑，被遮盖的组件需要处理触摸事件，这时就需要我们设置View的pointerEvent属性来解决这个问题。

参考：http://reactnative.cn/docs/0.44/view.html#content