createStackNavigator带有子菜单

Question

如何在createStackNavigator中创建子菜单？

我创建了如下导航：

const MainStackNavigator = createStackNavigator({
    Home: {
      screen: HomeScreen,
      navigationOptions: {
        headerTitle: 'iRent'
      }
    },
    Company: {
      screen: CompanyDetails,
      navigationOptions: {
        headerTitle: 'Company Details'
      }
    },
    Snapshots: {
      screen: PropSnapshot,
      navigationOptions: {
        headerTitle: 'Property Snapshots'
      }
    }
}, {
  defaultNavigationOptions: ({ navigation }) => {
      return {
        headerLeft: (
          <Ionicons
            style={{ paddingLeft: 10 }}
            onPress={() => navigation.openDrawer()}
            name="md-menu"
            size={30}
          />
        )
      };
    }
});

const AppDrawerNavigator = createDrawerNavigator({
  myApp: {
    screen: MainStackNavigator
  },
  Home: {
    screen: HomeScreen,
    navigationOptions: {
      drawerIcon: <FontAwesome name="home" size={20} />
    }
  },
  Company: {
    screen: CompanyDetails,
    navigationOptions: {
      drawerIcon: <FontAwesome name="building-o" size={20} />
    }
  },
  Snapshots: {
    screen: PropSnapshot,
    navigationOptions: {
      drawerIcon: <MaterialIcons name="data-usage" size={20} />
    }
  },
  LogOut: {
    screen: Login,
    navigationOptions: {
      title: 'Log Out',
      drawerIcon: <Entypo name="log-out" size={20} />
    }
  }
});

const AppSwitchNavigator = createSwitchNavigator({
  Login: { screen: Login },
  ForgotPassword: { screen: ForgotPassword },
  Main: { screen: AppDrawerNavigator }
});

const AppContainer = createAppContainer(AppSwitchNavigator);

它工作正常，但是如何在公司菜单中添加子菜单。我想在左侧菜单栏中的“公司”菜单下找到“公司详细信息”，“公司测试”。是否可以使用createStackNavigator？

谢谢！

Answer 1

据我所知，您需要一个下拉菜单，其中包含单击公司时公司的详细信息。如果需要，请尝试使用抽屉式导航。当您单击公司时，将在公司和快照之间打开一个抽屉。根据需要休息导航。