美文网首页React Native开发经验集
React Native Touchable* 总结

React Native Touchable* 总结

作者: 东之城 | 来源:发表于2017-06-29 18:08 被阅读54次

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     有触摸操作时显示出来的底层的颜色。

相关文章

网友评论

    本文标题:React Native Touchable* 总结

    本文链接:https://www.haomeiwen.com/subject/vkkvcxtx.html