Как добавить иконку на правой кнопке, используя реакцию собственного потока маршрутизатора

Question

Я хочу добавить react-native-vector-icon вместо правой кнопки в заголовке, используя реакцию собственного потока маршрутизатора

Вот мой код:

<Scene
    onRight={() => Actions.inbox()} 
    rightTitle='Inbox' 
    key='home'
    component={Home} 
    title='Home'
    icon={HomeIcon}
    initial
/> 

Как добавить react-native-vector-icon в этом?

Answer 1

Я получил это, я использовал renderRightButton для его решения.

вот пример:

const InboxIcon = () => {
    return (
        <View style={{ marginRight: 10 }} >
            <TouchableOpacity onPress={() => Actions.inbox()} >
                <Icon
                    name='comment'
                    type='font-awesome'
                    size={30}
                />
            </TouchableOpacity>
        </View>
    );
};

И в сцене я отрисовываю это. Как и его,

<Scene
        renderRightButton={InboxIcon}  
        key='home'
        component={Home} 
        title='Home'
        icon={HomeIcon}
        initial
    />

Answer 2

Вместо "rightTitle" вы можете использовать:

• "RightButtonImage" для изображения
• "renderRightButton" для пользовательских компонентов.

Описано: https://github.com/aksonov/react-native-router-flux/blob/master/docs/API.md#scene