component was introduced. Way back in v0.63 of React Native the Pressable But we've still got all the Touchable components (TouchableOpacity, TouchableHighlight, TouchableNativeFeedback, TouchableWithoutFeedback)... So, which do you choose and why? tl;dr The preferred and suggested component, per React Native, is the component (and by extension the Pressability API). Pressable Why Pressable Was Introduced React Native apps are fantastic - allowing you to build apps for multiple platforms that perform like a fully native app. BUT they often have "tells" that they're built with React Native. From the announcement post for React Native v0.63: " " However, because they include built-in styles and effects that don’t match the platform interaction, users can tell when experiences are written with React Native. So, while the Touchable components are great and easy to use they're often not the right tool for the job. When Should You Use the Pressable Component? Well, basically always. It's the suggested way to handle user interactions within your app. The component itself has a very familiar API to the Touchable components you may be familiar with while allowing for extensibility that the Touchable* components don't. Pressable This allows you to create buttons/interactions that merge your intended UI/UX while also following . the design guidelines for the platform When Should You Use Touchable Components? Basically, never. Kind of. Under their hood, the Touchable* components use the API for their implementation so they're fully supported but they still have the drawbacks outlined above. Pressability That means you don't need to worry about ripping all the Touchable's out of your app and replacing them. So, in conclusion, the next time you need to handle user interaction reach for over - it does everything you know and love but better. Pressable Touchable Also published . here

Apple

12 Fun Challenges to Learn React Native

Learn React Native Development!

Too Long; Didn't Read

Make resilience your competitive advantage

Why Use the Pressable Component Over the Touchable Components

About Author

Comments

TOPICS

THIS ARTICLE WAS FEATURED IN

Related Stories

Untitled Story

12 Fun Challenges to Learn React Native

10 Ways Stand Out as a Java Developer and Land that Dream Job

10 Fantastic JavaScript Projects for Beginners

11 Great Tips From A Guy Who Leveled Up From Intern To Dev

125 Stories To Learn How To Do X

12 Fun Challenges to Learn React Native

10 Ways Stand Out as a Java Developer and Land that Dream Job

10 Fantastic JavaScript Projects for Beginners

11 Great Tips From A Guy Who Leveled Up From Intern To Dev

125 Stories To Learn How To Do X

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps