Приложение React Native Expo - Как экспортировать более одного компонента на одной странице

Question

Я установил базовую c навигацию в моем приложении, а теперь еще и sh, чтобы добавить меню ящика. Я реализовал вещи, необходимые для работы ящика, но он не будет работать с моей навигацией. У меня может быть только одно или другое.

Вот часть моего кода в моем маршруте. js

const AppStack = createStackNavigator
(
 {
   Home: { screen: HomeScreen },
   Users: { screen: UserScreen }
 },
 {
   initialRouteName: "Home"
 }
)

const AuthStack = createStackNavigator
(
 {
   Login: LoginScreen,
   Register: RegisterScreen
 }
)

const DrawerNavigator = createDrawerNavigator
(
 {
   HomeScreen,
   ProfileScreen,
   SettingsScreen
 }
) 

export default createAppContainer(
createSwitchNavigator(
{
  Loading: LoadingScreen,
  App: AppStack,
  Auth: AuthStack,
  Drawer: DrawerNavigator
},
{
  initialRouteName: "Loading"
}
)
)

Я пробовал экспортировать оба компонента по отдельности, но где-то читал, что у вас может быть только один экспорт по умолчанию.

Answer 1

Проблема решена добавлением DrawerNavigator в мой AppStack

Answer 2

Верно, у вас может быть только один экспорт по умолчанию. Вы можете иметь несколько именованных экспортов или один экспорт по умолчанию и несколько именованных экспортов.

Если у вас есть:

const sayHello = () => {};
const sayGoodbye = () => {};

Экспорт по умолчанию и именованный экспорт

export default sayHello;
export { sayGoodbye }

import sayHello, { sayGoodbye } from 'your-path';

Несколько Именованный экспорт

export { sayHello, sayGoodbye }

import { sayHello, sayGoodbye } from 'your-path';