Tab Navigators allow you to add tabbed navigation to the bottom of your app. The bar is fixed to the bottom of the screen. Each tab is linked to a screen (or navigator) and displays an active state when selected.
Set the font, font size, and line height for the tab labels (Note:
In this section, you can set colors for a tab's Active state (when the screen attached to the tab is currently being viewed) and Inactive state (screens that are not being viewed).
Set the name for the navigator to appear in the Navigation tree.
Initial Route(Make sure this is set)
Set a screen or navigator as the initial route.
Number of tabs
Set the number of tabs to appear in the navigator (max 5).
Enable to show labels on each tab.
Enable to show icons on each tab.
Set the position of the tab label.
Assign a screen in the navigator to a tab.
Set the label for the tab (If a label is not set in this section, the label name defaults to the screen name).
Set an icon for the tab.
If enabled, tabs will only render in the active state.
Set the back behavior for the navigator.
Allow Font Scaling
Enable so that the label font will scale to meet Text Size accessibility settings (defaults to true).
Adapt to Screen
Enable so the navigator adapts to the size of the screen.
Hide When Keyboard Shown
Enable so that the navigator is hidden when the keyboard appears on the screen.
Updated 12 days ago