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.