NativeBase Header component for react-navigation
npm install react-navigation-native-baseNativeBase components for react-navigation
Implemented component shims:
*
*
Coming soon™:
``
yarn add react-navigation-native-base
Add the custom headerComponent into your StackNavigatorConfig:
`
import { Header } from 'react-navigation-native-base';
...
const AppNavigator = StackNavigator({
// RouteConfigs...
}, {
headerComponent: Header
});
`
That's it! Now your react-navigation header will have the look and feel of a
NativeBase .
Click here for Header documentation
Add the custom tabBarComponent into your TabNavigatorConfig:
`
import { TabBarBottom } from 'react-navigation-native-base';
...
const TabScreenNavigator = TabNavigator({
// RouteConfigs...
}, {
tabBarComponent: TabBarBottom, // TODO: TabBarTop support
tabBarPosition: 'bottom'
});
`
That's it! Now your react-navigation TabBar will have the look and feel of a
NativeBase or