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

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'

}

}

}

}

});

With BottomTabs layout

Navigation.setRoot({

root: {

bottomTabs: {

children: [{

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'

}

}

}

},

{

component: {

name: 'navigation.playground.TextScreen',

passProps: {

text: 'This is tab 2'

},

options: {

bottomTab: {

text: 'Tab 2',

icon: require('../images/two.png'),

testID: 'SECOND_TAB_BAR_BUTTON'

}

}

}

}]

}

}

});