是否可以在React Native Router Flux中将图标添加到顶部标签导航器中？

Question

我想从<Tabs></Tabs>向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>

（（请注意，我仅包含与我的问题相关的代码，没有别的）

带有tabBarPosition={true}的Tab导航器的图标应该在组件中可用，如react-navigation的createMaterialTopTabNavigator以及react-native-router-flux的文档中所示，我不确定是否在做出现问题或由于某种原因未实现此功能。

Answer 1

是的，它通过向选项卡场景添加以下道具为我工作

<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>
  );
};