React native 如何使用react native router flux在右按钮上添加图标
我想使用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 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
/>