Drawer Navigator

Navigate to different screens using a clickable drawer that slides out from the side.

Adding Navigators

To add a navigator to your app, you will need to drag the navigator component into your component tree, and then drag a screen on top of the navigator component.


Name Your Drawers

To name your drawers, click on each screen and navigate to the Drawer label on the bottom right corner of the properties section.

Styling a Drawer

You have many options for styling your Top Tab Navigator, such as changing the background color or tint color. Here are the different options for customization:

  • Active Tint Color: Tiny color for selected drawer.

  • Active Background Color: Background color for selected drawer

  • Inactive Tint Color: Text color for unselected drawers.

  • Inactive Background Color: Background color for unselected drawer.