Как объединить createStackNavigator и createDrawerNavigator в последней версии реагирующей навигации v5 - PullRequest
Новая
       94

Как объединить createStackNavigator и createDrawerNavigator в последней версии реагирующей навигации v5

3 голосов
/ 04 мая 2020

В последней версии реакции-навигации v5, как объединить createStackNavigator с createDrawerNavigator

Это мой основной файл навигатора. 

import InitialScreen from '@InitialScreen'
import SignIn from '@SignIn'
import Home from '@Home'
import {NavigationContainer} from '@react-navigation/native';
import {createStackNavigator} from '@react-navigation/stack';
import { createDrawerNavigator } from '@react-navigation/drawer';
const Drawer = createDrawerNavigator();
const Stack = createStackNavigator();
class NavigationStack extends Component {
  render() {
    return (
      <NavigationContainer>
          <Stack.Navigator initialRouteName="Home">
            <Stack.Screen name="InitialScreen" component={InitialScreen} options={{ headerShown: false }}/>
            <Stack.Screen name="SignIn" component={SignIn} options={{ headerShown: false }} />
            <Stack.Screen name="Home" component={Home} options={{ headerShown: false }} />
           </Stack.Navigator>
      </NavigationContainer>
    );
  }
}
export default NavigationStack;

В мой домашний компонент У меня есть нижние вкладки 

 import { NavigationContainer } from '@react-navigation/native';
 import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
 const Tab = createBottomTabNavigator();
  class Home extends Component {
  render() {
    return (
   <Tab.Navigator>
     <Tab.Screen
        name="Documents"
        component={Images}
        options={{
          tabBarLabel: 'Images',
          tabBarIcon: ({ focused }) => (
            <Image source={Images.iconDocuments}/>
          ),
        }}
        />
      <Tab.Screen
         name="Profile"
         component={Profile}
         options={{
          tabBarLabel: 'IRROP',
          tabBarIcon: ({ focused }) => (
            <Image source={Images.iconImages}/>
          ),
       }}
       />
      </Tab.Navigator>
     )
    }
  }
 export default Home;

Я хочу включить навигацию по ящикам в стековой навигации Как это сделать в реагирующей навигации v5

...