Question: Tab bar implementation

I’m not quite sure how I should implement a tab bar to allow navigation between a small group of routes.

Should I achieve this by nesting a Router inside of the main router? So I’ll have a single tab-router route, which loads my tab-bar + router component. Or is there a better way of doing this?

[akoshman]

<View>
  <Router .../>
  <TabBar ... />
</View>

If I wrap Router by View then nothing appears on the screen. Can anyone write some instructions how to do this? And where do you get TabBar component? Thanks.

[cpjolicoeur]

As a quick “fix” in our fork we just ended up exposing the methods directly: https://github.com/mojotech/react-native-simple-router/commit/7d268d7a5cce137718a5d7cc6695f2c381119925

And in a stripped down for demo our router w/ tabbar follows similarly to your example

<View>
  <Router .../>
  <TabBar ... />
</View>