javascript - 对拖推过渡动画做出本机反应

Question

我在 figma 中制作了一个应用程序原型，并选择“on drag push”动画在两个视图之间转换。

当我不使用 React Native 将我的原型变成一个真正的应用程序时，我还没有找到一种方法来进行同样的转换。当我从右到右拖动屏幕时，我希望我的应用程序导航到新屏幕，并且当我像这样拖动手指时，新屏幕将旧屏幕推出：

有没有人对我如何实现这种转变有任何暗示？

我正在使用 react-navigation 在应用程序的不同屏幕之间移动。我的 NavigationContainer 设置如下：

import * as React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';

import screen1 from './screen1';
import screen2 from './screen2';

const Stack = createNativeStackNavigator();

const App = () => {
    return (
        <NavigationContainer>
            <Stack.Navigator screenOptions={{headerShown: false}}>
            <Stack.Screen name="screen1" component={screen1}/>
            <Stack.Screen name="screen2" component={screen2}/>
            </Stack.Navigator>
        </NavigationContainer>
    );
};

export default App;

我在这样的屏幕之间导航：

navigation.navigate('screen2')

标签： javascriptreact-nativestack-navigator