javascript - 如何在 react-native 中像 iOS 一样模态显示屏幕

Question

我想以模态方式呈现一个屏幕，将另一个屏幕推到后面，类似于 iOS 应用程序在 swift 中的做法。我不希望模式从底部出现然后覆盖整个页面，我只希望它从底部出现并将另一个屏幕推到后面。

这是我的意思的图像。

我如何在 React Native 中执行此操作？

这是我的代码:

> import { StyleSheet, Text, View } from 'react-native' import React
> from 'react' import { createStackNavigator } from
> '@react-navigation/stack' import { LoginScreen } from
> '../../features/account/screens/login.screen' import { RegisterScreen
> } from '../../features/account/screens/register.screen'
> 
> const Stack = createStackNavigator()
> 
> export const AccountNavigator = () => (
>     
>     <Stack.Navigator >
>         
>         <Stack.Screen
>             name="Login"
>             component={LoginScreen}
>             options={{
>                 headerShown:false,
>                 
>             }}
>         />
> 
>          <Stack.Screen
>             name="Register"
>             component={RegisterScreen}
>             options={{
>                 
>             }}
>            
>         />
> 
>     </Stack.Navigator>   
     )

Answer 1

你可以用演示 Prop 来做;

     <Stack.Navigator presentation="modal" > ......//rest of the code