custom nav header with react-native-elements

MyScreen.js

import React, { Component } from 'react'
import { View, TextInput, Text } from 'react-native'
import { Header } from 'react-native-elements'

class MyScreen extends Component {
  render () {
    return (
      <View>
        <Header
          leftComponent={{ icon: 'menu', color: '#fff' }}
          centerComponent={
            <View>
              <TextInput 
                placeholder={'Search'} 
                style={{ width: 250, backgroundColor: "white", paddingHorizontal: 20, paddingVertical: 5 }}/>
            </View>
           }
          rightComponent={{ icon: 'search', color: '#fff' }}
        />
        <View>
          <Text>Lorem ipsum...</Text>
        </View>
      </View>
    )
  }
}

export default MyScreen