React Native Touchable* 總結

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

  1. 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     有觸摸操作時顯示出來的底層的顏色。
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容