Pressable
The touchable primitive: wraps content, fires onPress, and exposes the press state to its style for feedback.
The kit's interactive components (Button, plus the tappable Card, Stats, GridList, MediaObject, and StackedList rows) cover the common cases and keep branding consistent, so prefer them; Pressable stays for full flexibility when you need a custom interaction the kit doesn't provide. Its style prop accepts a function of the press state, ({ pressed }) => style, so you can show press feedback with no extra wrapper; style it with tokens to stay on-brand.
Pass focusable={false} for a surface only a pointer should reach, such as a row whose keyboard path is a button inside it: it still presses, and it leaves the tab order on the web too, where react-native-web's own Pressable would keep it a tab stop. A Pressable with the link role presses on Enter (and not on Space), as a link does, on the web too: react-native-web's own Pressable leaves that key to the browser, which activates only a link that has an href.
Press and hold
iOS
Press and hold
Android
Press and hold
Web
tsx
Default
Opacity
Disabled
Wire onPress to your own handler. The background dims while the button is held, straight from the ({ pressed }) => style function.
Do & Don’t
Press feedback
Don’t
Give the surface a fixed style; nothing changes under the finger, so a tap feels dropped and a slow response reads as a missed press.
Do
Answer the press with a style function: ({ pressed }) => style changes the surface while the finger is down, so the tap visibly lands.
Kit controls first
Don’t
Rebuild a button from Pressable and a style object; it drifts from the brand the moment the kit's Button changes, and it misses every state the kit draws for you.
Do
Use the kit's control when one fits the job: a Button already carries the brand fill, press feedback, focus ring, role and disabled state on every platform.