How to render common header and footer in react-native-router-flux?

Question

I want to add header and footer in all pages like below.

write code once then how render it in various pages?

Answer 1

The one at the bottom is called TabNavigator, and the one above is called StackNavigator. Once you declare a navigator as one of them, that navigator can be accessed from anywhere and be shown everywhere. Both can be found and imported from `react-navigation'.