使用抽屉式导航而不在内部装有屏幕

Question

我有以下stack navigator

<Stack.Navigator>
  <Stack.Screen name="Home" component={HomeScreen} />
  <Stack.Screen name="Settings" component={SettingsScreen} />
  <Stack.Screen name="AboutUs" component={AboutUsScreen} />
  <Stack.Screen name="ContactUs" component={ContactUsScreen} />
  <Stack.Screen name="Blog" component={BlogScreen} />
</Stack.Navigator>

我想不使用drawer而拥有nesting drawer navigators（具有自定义抽屉内容）。

Answer 1

我看到了您的问题，我们正在努力为您提供帮助。我已经为抽屉组件定制了设计。 -首先，您可以为抽屉设计创建一个额外的文件，例如DrawerComponent.js，并在创建抽屉导航器的代码中导入]

import DrawerComponent from "./DrawerComponent";
const Primary_Nav = createDrawerNavigator(
{
  screen1: {
  screen: screen1,
  navigationOptions: {
  drawerLabel: () => null
   }
 },
screen2: {
  screen: screen2,
  navigationOptions: {
    drawerLabel: "detail"
  }
},
 {
 initialRouteName: "screen1",
drawerPosition: "left",
drawerType: "slide",
 contentComponent: DrawerComponent //<<< i added this
}
);

const PrimaryNav = createAppContainer(Primary_Nav);
export default PrimaryNav;