🇺🇦 This project is created with substantial contributions from our Ukrainian colleagues. #StandWithUkraine

This is documentation for React Native Navigation 7.32.1, which is no longer actively maintained.

For up-to-date documentation, see the latest version (8.2.1).

Version: 7.32.1

Root

`setRoot()`#

Used to set the UI of the application. Read more about the root hierarchy level in the docs section.

Parameters#

Name	Required	Type	Description
layout	Yes	Layout	Any type of layout. BottomTabs, Stack, SideMenu, Component

Example#

With Stack layout
With BottomTabs layout

Navigation.setRoot({
  root: {
    stack: {
      children: [{
        component: {
          name: 'example.FirstTabScreen',
          passProps: {
            text: 'This is tab 1'
          }
        }
      }],
      options: {
        bottomTab: {
          text: 'Tab 1',
          icon: require('../images/one.png'),
          testID: 'FIRST_TAB_BAR_BUTTON'
        }
      }
    }
  }
});

Edit this page

setRoot()

setRoot()#

Parameters#

Example#

`setRoot()`#