У меня есть компонент 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"
/>
Эта реализация вызывает странные ошибки в моем пользовательском интерфейсе, и ясделал это из моего собственного понимания. Пожалуйста, сообщите мне, как лучше всего достичь этого?