TouchableOpacity
If you're looking for a more extensive and future-proof way to handle touch-based input, check out the Pressable API.
A wrapper for making views respond properly to touches. On press down, the opacity of the wrapped view is decreased, dimming it.
Opacity is controlled by wrapping the children in an Animated.View
, which is added to the view hierarchy. Be aware that this can affect layout.
Exampleโ
- Function Component
- Class Component
Reference
Propsโ
TouchableWithoutFeedback Propsโ
Inherits TouchableWithoutFeedback Props.
style
โ
Type |
---|
View.style |
activeOpacity
โ
Determines what the opacity of the wrapped view should be when touch is active. Defaults to 0.2
.
Type |
---|
number |
tvParallaxProperties
Androidโ
(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
.
Type |
---|
object |
hasTVPreferredFocus
iOSโ
(Apple TV only) TV preferred focus (see documentation for the View component).
Type |
---|
bool |
nextFocusDown
Androidโ
TV next focus down (see documentation for the View component).
Type |
---|
number |
nextFocusForward
Androidโ
TV next focus forward (see documentation for the View component).
Type |
---|
number |
nextFocusLeft
Androidโ
TV next focus left (see documentation for the View component).
Type |
---|
number |
nextFocusRight
Androidโ
TV next focus right (see documentation for the View component).
Type |
---|
number |
nextFocusUp
Androidโ
TV next focus up (see documentation for the View component).
Type |
---|
number |