Introduction
๐ฐ๏ธ What you'll build: Spacecraft
Spacecraft is a mobile app that lets users buy starships to explore the Galaxy. They can browse a list of all the starships available, see the details and price for each one.
Want a preview? You can download the final version of the Spacecraft app on Android.

๐ก What you will learn
- Code from a webbrowser with Expo snack.
- Discover React Native Core Components and APIs.
- Using a UI library
react-native-paper
.
๐พ Before we start the exercise
- You should have an
https://expo.dev
account with Expo Go on your phone. react-native-paper
โa UI libraryโ is already included by default in Snack.
๐ฉโ๐ Exercise 1
- Go to Expo Snack.
- Scan the QR code with your phone.
When you change the code, the app will reload automatically on your phone. Your mission is to create this Login screen:

- Use the
Text
component withvariant
fromreact-native-paper
. - Use the
TextInput
component fromreact-native-paper
. - Use the
Button
component fromreact-native-paper
.
๐ฝ Bonus
- Go on snackforthat website to try some online example on your phone