为什么在菜单选项之间切换时始终会创建左抽屉的实例?

时间:2018-06-08 11:10:36

标签: react-native react-native-navigation

我的应用程序中有一个左抽屉,有3个菜单选项。每个菜单选项都应切换到新屏幕。 我使用了下面的功能,我根据菜单选项点击了屏幕ID。

export function renderScreen(screenID, screenTitle) {

  Promise.all([
    Icon.getImageSource("ios-menu", 30)
  ]).then( source => {
    Navigation.startSingleScreenApp ({
      screen: {
        screen: screenID, // unique ID registered with Navigation.registerScreen
        title: screenTitle, // title of the screen as appears in the nav bar (optional)
        // navigatorStyle: {}, // override the navigator style for the screen, see "Styling the navigator" below (optional)
        // navigatorButtons: {} // override the nav buttons for the screen, see "Adding buttons to the navigator" below (optional)
        navigatorButtons: {
          leftButtons: [
            {
              icon: source[0],
              // title: "Menu",
              id: "sideDrawerToggle"
            }
          ]
        }
      },
      drawer: {
        left: {
          screen: "impetus.SideDrawerScreen"
        }
      }
    });
  })
}

startSingleScreenApp总是创建左抽屉的新实例,因此永远不会保持状态。 我想在整个应用程序中有一个左抽屉的实例。我只需要根据菜单选项更改根组件。即使我尝试使用导航器的 resetTo 功能,但它在抽屉组件中也不起作用(这是一个自创组件)。

如果有任何解决方案,或者我应该切换到另一个图书馆,请提供帮助吗?

0 个答案:

没有答案