Android 是否可以在React Native Router Flux的顶部选项卡导航器中添加图标?
我想在Android 是否可以在React Native Router Flux的顶部选项卡导航器中添加图标?,android,reactjs,react-native,react-native-router-flux,Android,Reactjs,React Native,React Native Router Flux,我想在react native router flux的组件中的每个场景(选项卡)中添加一个图标 我注意到图标确实在tabBarPosition=“bottom”时显示 我的代码与此类似: <Stack> <Tabs tabBarPosition="top"> <Scene icon={({focused}) => ( <Icon name="star" /> )} hideNavBar /> <
react native router flux
的
组件中的每个场景(选项卡)中添加一个图标
我注意到图标确实在tabBarPosition=“bottom”
时显示
我的代码与此类似:
<Stack>
<Tabs tabBarPosition="top">
<Scene icon={({focused}) => (
<Icon name="star" />
)} hideNavBar />
<Scene icon={({focused}) => (
<Icon name="audiotrack" />
)} initial hideNavBar />
<Scene icon={({focused}) => (
<Icon name="album" />
)} hideNavBar />
</Tabs>
</Stack>
(
)}hideNavBar/>
(
)}初始hideNavBar/>
(
)}hideNavBar/>
(请注意,我只包含了与我的问题相关的代码,没有其他内容)
组件中应提供带有
tabBarPosition={true}
的选项卡导航器图标,这在react-navigation
的creatematerialopttabnavigator
以及react-native-router-flux
的文档中很明显,我不确定我是否做错了什么,或者这项功能没有实现是有原因的。是的,通过在tabs场景中添加以下道具,它对我起到了作用
<Scene
key="mainScreen"
tabs
initial
tabBarPosition='top'
lazy
showIcon // here
showLabel={false} // here
>
<Scene
wrap={false}
hideNavBar
key="hey"
component={Events}
icon={({ focused }) => <IconContainer />}
/>
</Scene >
// IconContainer Component
const IconContainer = () => {
return (
<View
style={{
alignItems: 'center',
justifyContent: 'center',
}}
>
<Icon name='name-of-the-icon' size={15} />
</View>
);
};
}
/>
//IconContainer组件
常量IconContainer=()=>{
返回(
);
};