How to create a modal in React Native | Universal App tutorial #5

Опубликовано: 23 Декабрь 2025
на канале: Expo

21,006

305

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...
Part 2: Add navigation: https://docs.expo.dev/tutorial/add-na...
Part 3: Build a screen: https://docs.expo.dev/tutorial/build-...
Part 4: Use an image picker: https://docs.expo.dev/tutorial/image-...
Part 5: Create a modal: https://docs.expo.dev/tutorial/create...
Part 6: Add gestures: https://docs.expo.dev/tutorial/gestures/
Part 7: Take a screen shot: https://docs.expo.dev/tutorial/screen...
Part 8: Handle platform differences: https://docs.expo.dev/tutorial/platfo...
Part 9: Configure the status bar: https://docs.expo.dev/tutorial/config...

#ExpoApps #Expo #reactnative #reactnativetutorial #ExpoRouter