React native 如何使用react native router flux在右按钮上添加图标

React native 如何使用react native router flux在右按钮上添加图标,react-native,react-native-router-flux,React Native,React Native Router Flux,我想使用react native router flux在标题中添加一个react native vector图标来代替右按钮 这是我的密码: Actions.inbox()} rightTitle='Inbox' 钥匙‘家’ 组件={Home} 标题“家” 图标={HomeIcon} 最初的 /> 如何在此添加反应本机矢量图标?而不是“rightTitle”道具,您可以使用: 图像的“rightButtonImage”道具 自定义组件的“renderRightButton”道具 描述于

我想使用react native router flux在标题中添加一个
react native vector图标
来代替右按钮

这是我的密码:

Actions.inbox()}
rightTitle='Inbox'
钥匙‘家’
组件={Home}
标题“家”
图标={HomeIcon}
最初的
/> 
如何在此添加反应本机矢量图标?

而不是“rightTitle”道具,您可以使用:

  • 图像的“rightButtonImage”道具
  • 自定义组件的“renderRightButton”道具

描述于:

我知道了,我使用了
renderRightButton
来解决它

以下是一个例子:

const InboxIcon = () => {
    return (
        <View style={{ marginRight: 10 }} >
            <TouchableOpacity onPress={() => Actions.inbox()} >
                <Icon
                    name='comment'
                    type='font-awesome'
                    size={30}
                />
            </TouchableOpacity>
        </View>
    );
};
const inboxion=()=>{
返回(
Actions.inbox()}>
);
};
在场景中我渲染它。像这样,

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