react native header

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}