Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
How to create a modal in React Native | Universal App tutorial #5
Play lesson

Universal App Tutorial Series | How to build your first React Native app - How to create a modal in React Native | Universal App tutorial #5

4.0 (0)
15 learners

What you'll learn

This course includes

  • 1.3 hours of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Keywords

Full Transcript

In this video you will learn how to create a model in React Native. We explore how the modal component works and how it can be used to grab the user's attention. Specifically, we build a modal that displays an emoji picker list. Expo Icons: https://docs.expo.dev/guides/icons/ ⌚️ Timestamps ⌚️ 00:00 Intro 00:19 Declare a state variable to show buttons 01:55 Add buttons 07:19 Create an emoji picker modal 12:14 Display a list of emoji 17:10 Display the selected emoji 18:55 Summary Part 1: Create your first app: https://docs.expo.dev/tutorial/create-your-first-app/ Part 2: Add navigation: https://docs.expo.dev/tutorial/add-navigation/ Part 3: Build a screen: https://docs.expo.dev/tutorial/build-a-screen/ Part 4: Use an image picker: https://docs.expo.dev/tutorial/image-picker/ Part 5: Create a modal: https://docs.expo.dev/tutorial/create-a-modal/ Part 6: Add gestures: https://docs.expo.dev/tutorial/gestures/ Part 7: Take a screen shot: https://docs.expo.dev/tutorial/screenshot/ Part 8: Handle platform differences: https://docs.expo.dev/tutorial/platform-differences/ Part 9: Configure the status bar: https://docs.expo.dev/tutorial/configuration/ #ExpoApps #Expo #reactnative #reactnativetutorial #ExpoRouter

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere