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=()=>{
返回(
);
};