如何使用 React Native Router Flux 在右键上添加图标

Question

我想添加一个 react-native-vector-icon 来代替 header 使用 react native router flux

中的右键

这是我的代码：

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

如何在其中添加react-native-vector-icon？

Answer 1

您可以使用

而不是 "rightTitle" 道具

"rightButtonImage" 图片道具
"renderRightButton" 自定义组件的道具。

描述于：https://github.com/aksonov/react-native-router-flux/blob/master/docs/API.md#scene

Answer 2

知道了，我用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
    />

如何使用 React Native Router Flux 在右键上添加图标

How to add icon on right button using react native router flux

react-native

react-native-router-flux