在线文档教程

TouchableHighlight

TouchableHighlight

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

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

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

例:

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。