バージョン 4 では、contentComponent 内で DrawerItems onItemPress を使用して StackNavigation をリセットしました。
const AppDrawerNavigator = createDrawerNavigator(
{
Stack1: {
screen: Stack1,
navigationOptions: { // options}
},
Stack2: {
screen: Stack2,
navigationOptions: { // options}
},
{
initialRouteName: 'Stack1',
contentOptions: {
activeTintColor: '#346bc7',
},
contentComponent: props => {
return (
<ScrollView>
<SafeAreaView forceInset={{ top: 'always', horizontal: 'never' }} >
<DrawerItems {...props} onItemPress={router => {
const navigateAction = NavigationActions.navigate({
routeName: router.route.routeName,
params: {},
action: NavigationActions.navigate({ routeName: router.route.routes[0].routeName }),
});
props.navigation.dispatch(navigateAction);
}}
/>
</SafeAreaView>
</ScrollView>
)
}
},
);
React Navigation 5 にはまったく新しい API があるため、古いリセット コードは機能しません。DrawerNavigator v.5 ではどうすればよいですか?