Customize Button Pressed State Using the React Native v0.63 Pressable Component
InstructorKadi Kraman
Published 4 years ago
Updated 4 years ago
Create a button in React Native using Text and Pressable, customise the look and feel of your button and text depending on the pressed state, and handle long presses separately to regular presses.
The Pressable component, released in React Native 0.63 is a relatively recent addition to the library. It is by far the most versatile way of creating buttons. With Pressable, you get access to the pressed state which is a boolean value that indicated whether the button is currently being pressed or not. This value can be used to render a different button style or text depending on the pressed state. You can also pass in functions that get triggered when the button was pressed and released, and handle long presses separately from regular presses.
egghead
Markdown supported.
Become a member to join the discussionEnroll Today
Member comments are a way for members to communicate, interact, and ask questions about a lesson.
The instructor or someone from the community might respond to your question Here are a few basic guidelines to commenting on egghead.io
Be on-Topic
Comments are for discussing a lesson. If you're having a general issue with the website functionality, please contact us at support@egghead.io.
Avoid meta-discussion
Code Problems?
Should be accompanied by code! Codesandbox or Stackblitz provide a way to share code and discuss it in context
Details and Context
Vague question? Vague answer. Any details and context you can provide will lure more interesting answers!