如何创建具有多行的底部标签导航器？

Question

我的应用程序底部的选项卡选项超出了可以舒适地容纳在一排的范围。 React Navigation的createBottomTabNavigator只能在底部菜单中创建一排选项卡，那么有没有办法创建具有多行的底部选项卡菜单？

Answer 1

由于我不知道您要实现什么目标，因此可以帮助您继续努力。只需使用嵌套的createBototmTabNavigator

const HomeStack = createBottomTabNavigator({
  a: createBottomTabNavigator({
    b: {
      screen: B
    },
    c: {
      screen: C
    },
    d: {
      screen: D
    }
  })
})

export default createAppContainer(HomeStack);

编辑

要创建一个显示第二行的“展开”标签，您可以像这样使用它

const HomeStack = createBottomTabNavigator({
  a: {
    screen: A
    },
    expand: createBottomTabNavigator({
    c: {
      screen: C
    },
    d: {
      screen: D
    }
  })
})

export default createAppContainer(HomeStack);