React Native Lab - Zalo

Screen navigation is important to providing an engaging experience for users. A Stack Navigator has screens stacked one on top of the other. We can go "down" and "up" A Tab Navigator has tabs at the bottom of the screen. A Drawer Navigator has a drawer that's hidden away from view until a user wants access to it. Screens defined in our Navigators are all passed a prop from React Navigation called navigation. The navigation prop is very useful prop because the object has many useful key's that we'll need in the future. Navigation Options is how we'll customize headers, icons, display text, & etc. for our navigators.

• User can see tabs at the bottom of the screen.
• User can press a tab to navigate to a unique screen.
• User can see tabs which corresponds to the tabs of Zalo.
• User can see a Messsages screen which has many messages.
• User can press on an individual message to navigate to a Conversation screen.
• User can see information about the user whose message they pressed on arriving at the Conversation screen.
• User can see an icon on the Messages screen which when pressed, opens a Drawer.
• User can see additional navigation items when they open the Drawer.

• User can press on a a users profile image inside of the Messages screen to be directed to a profile screen.
• User can press a link within their drawer to go to a Settings screen.