反应本机导航:使用选项卡打开抽屉

时间:2019-08-01 17:37:47

标签: tabs react-native-navigation drawer

我有一个运行正常(差不多)的应用程序,使用react native(版本0.59.10)和react-native-navigation版本1。

我有一个带有三个标签的工作标签栏,顶部还有通常的汉堡菜单图标,用于打开和关闭侧面抽屉。

我想添加一个第四选项卡来打开侧面抽屉,而不是您通常会在顶部看到的普通图标。

在我的SideDrawer.js文件中,标签如下:

 import SideDrawer from "./src/screens/SideDrawer/SideDrawer";

 Navigation.registerComponent("myApp.SideDrawer", () => SideDrawer);

 Navigation.startTabBasedApp({
   tabs: [
       {
      screen: "myApp.Calculator1",
      label: "Calories",
      title: "Calories",
      icon: require("./src/screens/images/iconScale.png"),
      navigatorButtons: {
        rightButtons: [
          {
            icon: require("./src/screens/images/iconMenu.png"),
            title: "Menu",
            id: "sideDrawerToggle"
          }
        ]
      }
  }, ... etc.

我不想跳到新屏幕,而是只希望标签/图标打开侧面抽屉,那里有很多屏幕/链接。然后切换到关闭状态。

我认为这一切都将在SideDrawer.js文件的选项卡部分中发生,但是可能不需要,因为它需要一个屏幕。

有人可以指出我正确的方向吗?还是版本1无法做到这一点?

0 个答案:

没有答案