Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

Creating Buttons in React Native with Three Levels of Customization

via egghead.io

Overview

How to create buttons in React Native depending on the level of desired customisability: the quick and simple Button, a more customisable Touchable, and the most customisable Pressable.
Button component is useful for quick prototyping.
TouchableOpacity is the most common way of creating buttons and other touchable areas, and is suitable for most use cases.
Pressable gives you the most control over the look and feel of your button, including customising the pressed state and text, as well as handling long presses separately from regular presses.

Syllabus

  • Create a Button in React Native Using the Button Component
  • Create a Button in React Native Using TouchableOpacity
  • Customize Button Pressed State Using the React Native v0.63 Pressable Component

Taught by

Kadi Kraman

Reviews

4.5 rating at egghead.io based on 19 ratings

Start your review of Creating Buttons in React Native with Three Levels of Customization

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.