TouchableOpacity
If you're looking for a more extensive and future-proof way to handle touch-based input, check out the Pressable API.
本组件用于封装视图,使其可以正确响应触摸操作。当按下的时候,封装的视图的不透明度会降低。
不透明度的变化是通过把子元素封装在一个Animated.View中来实现的,这个动画视图会被添加到视图层级中,少数情况下有可能会影响到布局。(译注:此组件与 TouchableHighlight 的区别在于并没有额外的颜色变化,更适于一般场景。)
示例
- 函数式组件
- Class 组件
文档
Props
Inherits TouchableWithoutFeedback Props.
style
| 类型 | 必需 |
|---|---|
| View.style | 否 |
activeOpacity
指定封装的视图在被触摸操作激活时以多少不透明度显示(0 到 1 之间)。默认值为 0.2。
| 类型 | 必需 |
|---|---|
| number | 否 |
tvParallaxProperties
(Apple TV only) Object with properties to control Apple TV parallax effects.
enabled: Iftrue, parallax effects are enabled. Defaults totrue.shiftDistanceX: Defaults to2.0.shiftDistanceY: Defaults to2.0.tiltAngle: Defaults to0.05.magnification: Defaults to1.0.pressMagnification: Defaults to1.0.pressDuration: Defaults to0.3.pressDelay: Defaults to0.0.
| 类型 | 必需 | 平台 |
|---|---|---|
| object | 否 | iOS |
hasTVPreferredFocus
(Apple TV only) TV preferred focus (see documentation for the View component).
| 类型 | 必需 | 平台 |
|---|---|---|
| bool | 否 | iOS |
nextFocusDown
TV next focus down (see documentation for the View component).
| 类型 | Required | 平台 |
|---|---|---|
| bool | No | Android |
nextFocusForward
TV next focus forward (see documentation for the View component).
| 类型 | Required | 平台 |
|---|---|---|
| bool | No | Android |
nextFocusLeft
TV next focus left (see documentation for the View component).
| 类型 | Required | 平台 |
|---|---|---|
| bool | No | Android |
nextFocusRight
TV next focus right (see documentation for the View component).
| 类型 | Required | 平台 |
|---|---|---|
| bool | No | Android |
nextFocusUp
TV next focus up (see documentation for the View component).
| 类型 | Required | 平台 |
|---|---|---|
| bool | No | Android |