Какова наилучшая практика для DrawerNavigator при использовании с центрального домашнего экрана? - PullRequest
0 голосов
/ 06 ноября 2019

У меня есть компонент HomeScreen с кнопкой, которая переключает DrawerNavigator. Когда ящик открыт, отображаются параметры экрана, и компонент HomeScreen НЕ является одним из этих параметров. Я хотел бы иметь возможность перейти к любому из этих параметров экрана, нажать «Выход» и вернуться к своему компоненту HomeScreen. Я бы хотел, чтобы у каждого варианта ящика был свой StackNavigator, чтобы у каждого был свой экран. Я не хочу добавлять «Домой» в качестве опции в ящик.

Это моя текущая реализация в App.js

const PastTripsNavigator = createStackNavigator({
  PastTripsHome:{
    screen:PastTripsScreen
  },
  TestScreenHome:{
    screen: TestScreen
  }
})

const MyDrawerNavigator = createDrawerNavigator({
  Home:{
    screen:HomeScreen
  },
  PastTrips:{
    screen: PastTripsNavigator
    }
  }
);

const AppNavigator = createStackNavigator({
  Drawer:{
    screen: MyDrawerNavigator
  },
  Home: {
    screen: HomeScreen,
  }
})


const MyApp = createAppContainer(AppNavigator);

затем с PastTripsScreen (или с любого другого экрана в этом отношении) я планирую выйти и вернуться к компоненту HomeScreen, используя:

<Button
    onPress={() => this.props.navigation.navigate('Home')}
    title="Exit"
/>

Эта реализация вызывает странные ошибки в моем пользовательском интерфейсе, и ясделал это из моего собственного понимания. Пожалуйста, сообщите мне, как лучше всего достичь этого?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...