首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

TouchableHighlight

用于使视图正确响应触摸的包装器。在按下时,包装视图的不透明度会降低,从而允许底色显示,遮蔽或调色。

底层来自将新子视图包装进来的新视图,这会影响布局,并且如果使用不正确,有时会导致不需要的视觉工件,例如,如果包装视图的backgroundColor未明确设置为不透明颜色。

TouchableHighlight必须有一个孩子(不是零或多于一个)。如果您希望有多个子组件,请将它们包装在View中。

例:

代码语言:javascript
复制
renderButton: function() {
  return (
    <TouchableHighlight onPress={this._onPressButton}>
      <Image
        style={styles.button}
        source={require('./myButton.png')}
      />
    </TouchableHighlight>
  );
},

道具

TouchableWithoutFeedback props...

activeOpacity?: number

确定触摸处于活动状态时,包装视图的不透明度应为何值。

onHideUnderlay?: function

隐藏衬垫后立即调用

onShowUnderlay?: function

显示衬底后立即调用

style?: ViewPropTypes.style

underlayColor?: color

触摸处于活动状态时将显示的衬底颜色。

ioshasTVPreferredFocus?: bool

(仅限Apple TV)电视首选焦点(请参阅查看组件的文档)。

iostvParallaxProperties?: object

(仅适用于Apple TV)具有控制Apple TV视差效果属性的对象。

启用:如果为true,则启用视差效果。默认为true。shiftDistanceX:默认为2.0。shiftDistanceY:默认为2.0。tiltAngle:默认为0.05。放大倍数:默认为1.0。

扫码关注腾讯云开发者

领取腾讯云代金券

http://www.vxiaotou.com