Challenge: Navigation
Complete this hands-on exercise to test your knowledge of navigation in React Native.
We'll cover the following
This challenge will test your knowledge of navigation in React Native. You’ll use these concepts to create a minimalistic user interface.
Task
Build a React Native application with the following pages:
-
Home
-
Login
-
Register
-
Profile
The user interface should also have these functionalities:
-
Clicking the “Login” button on the Home page should redirect the user to the Login page.
-
Clicking the “Register” button on the Home page should redirect the user to the Register page.
-
Clicking the “Sign in” button on the Login page should redirect the user to the Profile page with the “Successfully logged in” message.
-
Clicking the “Sign up” button on the Register page should redirect the user to the Profile page with the “Successfully registered and logged in” message.
Expected output
The illustrations below show what the final output should look like after completing the challenge.
Get hands-on with 1400+ tech skills courses.