使用React Navigation tab navigator https://reactnavigation.org/docs/navigators/tab如何使其中一个选项卡按钮将屏幕作为全屏模式向上推？我看到stack navigator有一个mode=modal选项.单击TakePhoto选项卡按钮时，如何使用该模式？点击它当前仍会显示底部的选项卡栏.
const MyApp = TabNavigator({
Home: {
screen: MyHomeScreen,
},
TakePhoto: {
screen: PhotoPickerScreen, // how can I have this screen show up as a full screen modal?
},
});
实际上，在react-navigation中，没有人支持将动态演示的方式从default改为modal(参见关于here的讨论).我遇到了同样的问题，并通过使用一个顶级的StackNavigator解决了它，headerMode设置为none，mode设置为modal:
const MainTabNavigator = TabNavigator(
{
Tab1Home: { screen: Tab1Screen },
Tab2Home: { screen: Tab2Screen }
}
);
const LoginRegisterStackNavigator = StackNavigator({
Login: { screen: LoginScreen }
});
const ModalStackNavigator = StackNavigator({
MainTabNavigator: { screen: MainTabNavigator },
LoginScreenStackNavigator: { screen: LoginRegisterStackNavigator }
}, {
headerMode: 'none',
mode: 'modal'
});
这使我可以在Tab1Screen和Tab2Screen中执行以下操作(使用redux)，从任何我想要的地方调出模态视图:
this.props.navigation.navigate('LoginScreenStackNavigator');