一、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:透明度