message: Used hooks in tab bar web
diff: -import React from 'react';
  +import React, {useContext} from 'react';
  import {Image, Text, View, TouchableHighlight} from 'react-native';
  import {NavigationContext} from 'navigation-react';
  @@ -66,7 +66,9 @@ const CollapsingBar = () => null;
  const CoordinatorLayout = ({children}) => children;
  -const TabBarWeb = ({children, selectedIndex, selectedTintColor, stateNavigator}) => (
  +const TabBar = ({children, selectedIndex, selectedTintColor}) => {
  + const {stateNavigator} = useContext(NavigationContext);
  + return (
  <>
  {React.Children.toArray(children)
  .map((child, index) => (
  @@ -100,16 +102,8 @@ const TabBarWeb = ({children, selectedIndex, selectedTintColor, stateNavigator})
  </View>
  </>
  );
  +};
  const TabBarItem = ({children}) => children;
  -const TabBar = props => (
  - <NavigationContext.Consumer>
  - {({stateNavigator}) => (
  - <TabBarWeb stateNavigator={stateNavigator} {...props} />
  - )}
  - </NavigationContext.Consumer>
  -)
  -
  -
  export { NavigationBar, CollapsingBar, CoordinatorLayout, TabBar, TabBarItem };
  