1npm i react-native-elements --save
2npm i --save react-native-vector-icons
3# link
4react-native link react-native-vector-icons
5
6import { Header } from 'react-native-elements';
7
8<Header
9 leftComponent={{ icon: 'menu', color: '#fff' }}
10 centerComponent={{ text: 'MY TITLE', style: { color: '#fff' } }}
11 rightComponent={{ icon: 'home', color: '#fff' }}
12/>
13
1function StackScreen() {
2 return (
3 <Stack.Navigator>
4 <Stack.Screen
5 name="Home"
6 component={HomeScreen}
7 options={{
8 title: 'My home',
9 headerStyle: {
10 backgroundColor: '#f4511e',
11 },
12 headerTintColor: '#fff',
13 headerTitleStyle: {
14 fontWeight: 'bold',
15 },
16 }}
17 />
18 </Stack.Navigator>
19 );
20}