Select whether you want to show or hide tab icons and labels under the Tab Styling panel.
Here, you have access to a variety of customization options for your tab navigator. You are able to change tab text, icons and routing.
Change the fonts on the label text of a tab. You can use your own font or one we provide. You can further customize this text by setting the Size, Spacing and Line Height (in px).
Set active/inactive colors for the label text on a tab. This corresponds with the state of the tab itself being active and inactive.
Similar to above, you can set the color of the tab icon for when someone is viewing the Screen that corresponds to a tab (the active state) or when the Screen that corresponds to a tab is not currently being viewed (the inactive state).
Similar to above, you can set the background color of the tab for when someone is viewing the Screen that corresponds to a tab (the active state) or when the Screen that corresponds to a tab is not currently being viewed (the inactive state).
This is where you set the screen that corresponds to each tab in the navigator. You can set a maximum of 5 Screens in a tab navigator. When using less than 5 tabs, the tabs will be spread out evenly across the navigator. Each tab contains these options that can be configured:
This is where you connect any screen or navigator that's already been added to the current navigator for a specific tab.
Set the label text of the tab. If you don't enter a label, it defaults to the name of the Screen that was set in the builder.
Choose the icon associated with this tab.
Updated 7 months ago