跳到主要内容
Version: 0.85

TouchableOpacity

tip

如果你正在寻找一种更全面且面向未来的方式来处理触摸输入,请查看 Pressable API。

本组件用于封装视图,使其可以正确响应触摸操作。当按下的时候,封装的视图的不透明度会降低。

不透明度的变化是通过把子元素封装在一个 Animated.View 中来实现的,这个动画视图会被添加到视图层级中,少数情况下有可能会影响到布局。

示例​


文档

Props​

TouchableWithoutFeedback Props​

继承 TouchableWithoutFeedback Props。


style​


activeOpacity​

指定封装的视图在被触摸操作激活时以多少不透明度显示(0 到 1 之间,0 表示完全透明,1 表示完全不透明)。默认值为 0.2。

Type
number

hasTVPreferredFocus
iOS
​

(仅 Apple TV) TV 首选焦点(参见 View 组件文档)。

Type
bool

nextFocusDown
Android
​

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

Type
number

nextFocusForward
Android
​

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

Type
number

nextFocusLeft
Android
​

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

Type
number

nextFocusRight
Android
​

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

Type
number

nextFocusUp
Android
​

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

Type
number

ref​

一个 ref 设置器,在组件挂载时会被赋值为一个元素节点。