How to build a screen in an Expo app | Universal App tutorial #3

Опубликовано: 03 Февраль 2026
на канале: Expo

27,612

436

In this video you will learn how to build a screen in an Expo app. This is part of our Universal App tutorial series. By the end of this video you will have successfully added a beautiful style for your home screen. And you will have learned how to pass properties, how to create custom components, how to install dependencies like expo-image, and how you can extend styles by adding an array of styles to their components.

React Native Pressable: https://reactnative.dev/docs/pressable
Expo Image:

⌚️ Timestamps ⌚️
00:00 Intro
00:19 Install expo-image
01:25 Display the image
03:32 Divide components into files
05:50 Create buttons using Pressable
08:46 Enhance the reusable button component
10:44 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