message: Implemented bottom tabs TabBar prop
  Defaulted primary to false to match android. Expected to follow the Android platform path on web - single stack typically and using material styles
diff: @@ -16,7 +16,8 @@ class TabBar extends React.Component<any, any> {
  defaultTab: 0,
  barTintColor: '#fff',
  selectedTintColor: '#000',
  - unselectedTintColor: '#808080'
  + unselectedTintColor: '#808080',
  + primary: false
  }
  static getDerivedStateFromProps({tab}, {selectedTab}) {
  if (tab != null && tab !== selectedTab)
  @@ -36,17 +37,12 @@ class TabBar extends React.Component<any, any> {
  }
  }
  render() {
  - var {children, barTintColor, selectedTintColor, unselectedTintColor} = this.props;
  + var {children, barTintColor, selectedTintColor, unselectedTintColor, bottomTabs, primary} = this.props;
  + bottomTabs = bottomTabs != null ? bottomTabs : primary;
  var childrenArray = React.Children.toArray(children);
  var tabBarItems = React.Children.toArray(children).filter(child => !!child);
  var titleOrImageOnly = !tabBarItems.find(({props}: any) => props.title && props.image);
  - return (
  - <>
  - {childrenArray.map((child, i) => (
  - <View key={i} style={{display: i === this.state.selectedTab ? 'flex' : 'none', flex: 1}}>
  - {child}
  - </View>
  - ))}
  + var tabLayout = (
  <View style={{flexDirection: 'row'}}>
  {childrenArray.map(({props: {image, title, fontFamily, fontWeight, fontStyle, fontSize = 12, href}}: any, i) => {
  const color = i === this.state.selectedTab ? selectedTintColor : unselectedTintColor
  @@ -66,6 +62,16 @@ class TabBar extends React.Component<any, any> {
  )
  })}
  </View>
  + )
  + return (
  + <>
  + {!bottomTabs && tabLayout}
  + {childrenArray.map((child, i) => (
  + <View key={i} style={{display: i === this.state.selectedTab ? 'flex' : 'none', flex: 1}}>
  + {child}
  + </View>
  + ))}
  + {bottomTabs && tabLayout}
  </>
  );
  }
  