ReactNative各种样式设置的属性

一、ImageView

1、设置图片的显示方式

resizeMode enum('cover', 'contain', 'stretch', 'repeat', 'center') 

决定当组件尺寸和图片尺寸不成比例的时候如何调整图片的大小。

cover: 在保持图片宽高比的前提下缩放图片，直到宽度和高度都大于等于容器视图的尺寸（如果容器有padding内衬的话，则相应减去）。译注：这样图片完全覆盖甚至超出容器，容器中不留任何空白。

contain: 在保持图片宽高比的前提下缩放图片，直到宽度和高度都小于等于容器视图的尺寸（如果容器有padding内衬的话，则相应减去）。译注：这样图片完全被包裹在容器中，容器中可能留有空白

stretch: 拉伸图片且不维持宽高比，直到宽高都刚好填满容器。

repeat: 重复平铺图片直到填满容器。图片会维持原始尺寸。仅iOS可用。

center:居中不拉伸。

属性：
accessible：表示此视图时一个启用了无障碍功能的元素。默认为true
onMagicTap：当accessible为true时，双击View会调用此函数。
onMoveShouldSetResponder：触摸控件并滑动时调用的方法
onMoveShouldSetResponderCapture：触摸控件并滑动时调用的方法,避免子视图响应
onResponderMove：用户在View上移动手指调用
onResponderRelease：结束触摸时调用
pointerEvents：控制当前视图是否可以触控'box-none', 'none', 'box-only', 'auto'

二、View

属性：
accessible：表示此视图时一个启用了无障碍功能的元素。默认为true
onMagicTap：当accessible为true时，双击View会调用此函数。
onMoveShouldSetResponder：触摸控件并滑动时调用的方法
onMoveShouldSetResponderCapture：触摸控件并滑动时调用的方法,避免子视图响应
onResponderMove：用户在View上移动手指调用
onResponderRelease：结束触摸时调用
pointerEvents：控制当前视图是否可以触控'box-none', 'none', 'box-only', 'auto'

样式：
width：宽度
height：高度
backgroundColor：背景颜色
backfaceVisibility：是否显示翻转'visible'，'hidden'
borderColor：边框颜色
borderWidth：边框宽度
borderRadius：边框圆角半径
borderStyle：边框样式'solid'实线，'dotted'点， 'dashed'虚线
borderTopColor：上边框颜色
borderTopWidth：上边框宽度
borderTopLeftRadius：左上角边框圆角的半径
borderTopRightRadius：右上角边框圆角的半径
overflow：内容超过容器时超出显示还是隐藏'visible'， 'hidden'
opacity：透明度