This component is used almost on all screens, it defines the header for the screen. Gives the ability to display left and rightmost icons, that can execute a function on the press. It also contains the title in the middle and grows according to the height of the title. The title can also be a component, such as an address select box.

In order to customize the header according to your needs, use the props below.

• leftIcon - Icon displayed on the left side of the header

  • Object

• onLeftIconPress - Function that executes when pressing the left icon

  • Function

• onRightIconPress - Function that executes when pressing the right icon

  • Function

• rightIcon - Icon displayed on the right side of the header

  • Object

• title - header title, such as Order History in the example above

  • String

• Example:

  <Header
  	title={'Payment Method'}
  	onLeftIconPress={() => navigation.goBack()}
  	onRightIconPress={() => navigation.toggleDrawer()}
  />
  

• src/screens/PaymentMethodModule/MyWalletHomeScreen.js