Touchable总结
- TouchableWithoutFeedback
- TouchableNativeFeedback
- TouchableOpacity
- TouchableHighlight
其他三种都是继承了 TouchableWithoutFeedback 的Props
TouchableWithoutFeedback
disabled bool //如果设为true,则禁止此组件的一切交互。
delayLongPress number //单位是毫秒,从onPressIn开始,到onLongPress被调用的延迟。
delayPressIn number //单位是毫秒,从触摸操作开始到onPressIn被调用的延迟。
delayPressOut number //单位是毫秒,从触摸操作开始到onPressOut被调用的延迟。
onPress function //当触摸操作结束时调用,但如果被取消了则不调用(譬如响应者被一个滚动操作取代)
onLongPress function
onPressIn function // 触摸按下回调
onPressOut function // 触摸抬起回调
以上组件必须要有 children element; 否则报错 React.Children.only expected to receive a single React element child.
TouchableNativeFeedback
TouchableNativeFeedback 有(仅限Android平台) background backgroundPropType
- TouchableWithoutFeedback,TouchableNativeFeedback 没有View那些Props 属性(backgroundColor,Width,Hieght)
TouchableOpacity
添加属性 activeOpacity number 指定封装的视图在被触摸操作激活时以多少不透明度显示(通常在0到1之间)。
TouchableHighlight
既有View.style,TouchableOpacity.props 所有属性
回调的顺序 onShowUnderlay > onPressIn > onPress|onLongPress > onHideUnderlay > onPressOut
onHideUnderlay function 当底层的颜色被隐藏的时候调用。
onShowUnderlay function 当底层的颜色被显示的时候调用。
underlayColor string 有触摸操作时显示出来的底层的颜色。
网友评论