nav bar in react native code example
Example 1: react navigation react native
### ISNTALATION
npm install @react-navigation/native --save
yarn add @react-navigation/native
### core dependencies
expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view
### stack navigation
yarn add @react-navigation/stack
Example 2: react native nav bars
$ npm install react-native-navbar --save
Example 3: react native nav bars
const styles = {
container: {
flex: 1,
},
};
const rightButtonConfig = {
title: 'Next',
handler: () => alert('hello!'),
};
const titleConfig = {
title: 'Hello, world',
};
function ComponentWithNavigationBar() {
return (
<View style={styles.container}>
<NavigationBar
title={titleConfig}
rightButton={rightButtonConfig}
/>
</View>
);
}