React native header

npm i react-native-elements --save
npm i --save react-native-vector-icons
# link
react-native link react-native-vector-icons

import { Header } from 'react-native-elements';

<Header
     leftComponent={{ icon: 'menu', color: '#fff' }}
     centerComponent={{ text: 'MY TITLE', style: { color: '#fff' } }}
      rightComponent={{ icon: 'home', color: '#fff' }}
/>

Similar codes

9 votes220 views3 answers
React Hook "useState" is called in function "app" which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks
Javascript React
94 votes250 views6 answers
Install react router
Javascript React
0 vote216 views1 answer
React check if localhost
Javascript React
1 vote225 views1 answer
Font awesome react native icons
Javascript React
1 vote204 views2 answers
React Context API
Javascript React
1 vote269 views1 answer
How to delete element at a particular index of array in react js
Javascript React
0 vote212 views1 answer
Edit json text react
Javascript React
2 votes173 views1 answer
Yarn create react-app test00h00m00s 0/0: : ERROR: [Errno 2] No such file or directory: 'create'
Javascript React
0 vote229 views1 answer
React native getting older version assets
Javascript React
0 vote160 views1 answer
React native change image color
Javascript React