v2 Wix React-native-navigation:如何使用bottomTabs实际实现侧面菜单?

时间:2019-04-09 13:42:20

标签: javascript react-native react-native-navigation wix-react-native-navigation react-native-navigation-v2

在将sideMenu实现为以下代码时,我有些麻烦:(请参阅startTabs)。

在我的根屏幕上单击“登录”后,我称其为。根屏幕如下所示:

Navigation.setRoot({
  root: {
    stack: {
      children: [{
        component: {
          name: "navigation.playground.WelcomeScreen",
          passProps: {
            text: "stack with one child"
          },
          alignment: "center",
          options: {
            topBar: {
              visible: true,
              title: {
                text: "main screen"
              }
            }
          }
        }
      }]
    }
  }
});

const startTabs = () => {
  Promise.all([
    Icon.getImageSource("md-map", 30),
    Icon.getImageSource("ios-share-alt", 30)
  ]).then(sources => {
    Navigation.setRoot({
      root: {
        bottomTabs: {
          children: [{
              stack: {
                children: [{
                    component: {
                      name: "navigation.playground.FindPlaceScreen",
                      options: {
                        bottomTab: {
                          text: "Find Place",
                          icon: sources[0]
                        },
                        topBar: {
                          visible: true,
                          title: {
                            text: "Find Place"
                          }
                        }
                      }
                    }
                  }

                ]
              }
            },
            {
              stack: {
                children: [{
                  component: {
                    name: "navigation.playground.SharePlaceScreen",
                    options: {
                      bottomTab: {
                        text: "Share Place",
                        icon: sources[1]
                      },
                      topBar: {
                        // visible: true,
                        title: {
                          text: "Share Place"
                        }
                      }
                    }
                  }
                }]
              }
            }
          ]
        }
      }
    });
  });
};

现在,为了让我在登录后实现sideMenu,是否可以在“ startTabs”中实现它?还是其他地方?

1 个答案:

答案 0 :(得分:0)

解决了这个问题。抱歉,我是一名新程序员,所以我的sideDrawer组件中出现一个拼写错误,其中“ render”被拼写为“ redner”。花了我最长的时间解决这个问题!!!

否则,我在最初的问题中粘贴的代码是正确的(对于任何希望以此作为参考的人)。谢谢!