реагировать на родную панель поиска

Question

Я пытаюсь сделать панель поиска с кнопками слева и справа от поиска, в реагировать родной.Мне не повезло с возможностью настроить панель поиска для этого.Я пытался сделать это, так же, как вы добавили бы что-то слева и справа от заголовка, но я не уверен, смогу ли я использовать leftComponent и rightComponent с панелью поиска.Любые советы?

render() {
    return (
        <View>
            <View style={{ marginTop:110 }}>
               <TouchableOpacity onPress={() => this.searchBar.show()}>
               </TouchableOpacity>
            </View>
                <SearchBar
                ref='searchBar'
                searchBarStyle="default"
                placeholder='Search local'
                leftComponent={<MyLeftComponent />}
                rightComponent={<MyRightComponent />}
                />                 
            <Content contentContainerStyle={{
                flex: 1,
                alignItems: 'center',
                justifyContent: 'center'

            }}>
                <Text>Your Profile!</Text>
            </Content>
         </View>
    );
}