本组件用于封装视图,使其可以正确响应触摸操作。当按下的时候,封装的视图的不透明度会降低,同时会有一个底层的颜色透过而被用户看到,使得视图变暗或变亮。在底层实现上,实际会创建一个新的视图到视图层级中,如果使用的方法不正确,有时候会导致一些不希望出现的视觉效果。譬如没有给视图的backgroundColor显式声明一个不透明的颜色。

例子:

renderButton: function() {
  return (
    <TouchableHighlight onPress={this._onPressButton}>
      <Image
        style={styles.button}
        source={require('./button.png')}
      />
    </TouchableHighlight>
  );
},

注意:TouchableHighlight只支持一个子节点

如果你希望包含多个子组件,用一个View来包装它们。

截图

属性

TouchableWithoutFeedback props... #

译注:这意味着本组件继承了所有TouchableWithoutFeedback的属性。

activeOpacity number #

指定封装的视图在被触摸操作激活时以多少不透明度显示(通常在0到1之间)。

onHideUnderlay function #

当底层的颜色被隐藏的时候调用。

onShowUnderlay function #

当底层的颜色被显示的时候调用。

style View#style #

underlayColor string #

有触摸操作时显示出来的底层的颜色。


书籍推荐