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
onLeftIconPress - Function that executes when pressing the left icon
onRightIconPress - Function that executes when pressing the right icon
rightIcon - Icon displayed on the right side of the header
title - header title, such as Order History in the example above
Example:
<Header
title={'Payment Method'}
onLeftIconPress={() => navigation.goBack()}
onRightIconPress={() => navigation.toggleDrawer()}
/>