Как добавить второй значок заголовка с помощью headerRIght и Icon.Button

Question

Я пытаюсь добавить значок поиска рядом со значком меню в моем заголовке справа. Я пробовал повторитьIcon.Buttonно изменений нет. Использование React Navigation, React Native Paper и react-native-vector-icons/Iconicons.

    <HomeStack.Navigator
    screenOptions={{
        headerStyle: {
            backgroundColor: '#155888'
        },
        headerTintColor: '#fff',
        headerTitleAlign: 'center',
        headerRight: () => (
            <Icon.Button 
                name='ios-menu'
                size={30}
                backgroundColor='#155888'
                style={{ flexDirection:"row", paddingRight: 15 }}
                onPress={() => { navigation.toggleDrawer() }}
            />
        )
    }}
>

Answer 1

Думаю, custom-header решит вашу проблему.

Я также столкнулся с этой проблемой, то, что я сделал, я просто добавил в настраиваемый заголовок каждого экрана (с помощью вспомогательного метода)

export const createAppHeader = (props, callback, data) => {

props.navigation.setOptions({
    headerRight: () => (
        <AppHeader
            onClick={callback}
            pageData={data}
        />
    ),
    headerLeft: null,
    headerStyle: {
        shadowOpacity: 0,
        shadowOffset: {
            height: 0,
        },
        elevation: 0,
        shadowRadius: 0,
    },
});}

Вот AppHeader это настраиваемый заголовок, который является компонентом React.