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 有觸摸操作時顯示出來的底層的顏色。