跳到主要内容
版本:0.86

TouchableOpacity

提示

如果你在寻找一种更全面、更具前瞻性的方式来处理基于触摸的输入,请查看 Pressable API。

这是一个包装组件,用于让视图正确响应触摸。按下时,被包裹视图的透明度会降低,使其看起来变暗。

透明度通过将子元素包裹在一个 Animated.View 中来控制,该视图会被添加到视图层级中。请注意,这可能会影响布局。

示例​


参考

属性​

TouchableWithoutFeedback Props​

继承自 TouchableWithoutFeedback Props。


style​


activeOpacity​

决定触摸激活时,被包裹视图应具有的透明度。默认为 0.2。

类型
number

hasTVPreferredFocus
iOS
​

(仅限 Apple TV) TV 首选焦点(请参阅 View 组件的文档)。

类型
bool

nextFocusDown
Android
​

TV 下一个焦点向下(请参阅 View 组件的文档)。

类型
number

nextFocusForward
Android
​

TV 下一个焦点向前(请参阅 View 组件的文档)。

类型
number

nextFocusLeft
Android
​

TV 下一个焦点向左(请参阅 View 组件的文档)。

类型
number

nextFocusRight
Android
​

TV 下一个焦点向右(请参阅 View 组件的文档)。

类型
number

nextFocusUp
Android
​

TV 下一个焦点向上(请参阅 View 组件的文档)。

类型
number

ref​

一个 ref 设置器,在挂载时会被赋值为一个 element node。