android - react 导航 : StackNavigator transition for Android

Question

我正在使用这个库 https://reactnavigation.org/docs/intro/通过 react-native 构建 android。我可以让导航发生在 android 设备上，但我如何让屏幕从右侧滑入并从左侧淡入。似乎这种行为发生在 iOS 设备上，但不会发生在 Android 设备上。 android 应用程序是否有任何动画配置？

请看下面的动画。这是在 iOS 中记录的。

Answer 1

开始于:“@react-navigation/native”:“^5.5.1”，

import {createStackNavigator, TransitionPresets} from '@react-navigation/stack';


const TransitionScreenOptions = {
  ...TransitionPresets.SlideFromRightIOS, // This is where the transition happens
};

const CreditStack = createStackNavigator();

function CreditStackScreen() {
  return (
    <CreditStack.Navigator screenOptions={TransitionScreenOptions}> // Don't forget the screen options
      <CreditStack.Screen
        name="Credit"
        component={HomeScreen}
        options={headerWithLogo}
      />
      <HomeStack.Screen
        name="WorkerDetails"
        component={WorkerDetails}
        options={headerWithLogoAndBackBtn}
      />
    </CreditStack.Navigator>
  );
}

您可以观看此视频以了解更多信息: https://www.youtube.com/watch?v=PvjV96CNPqM&ab_channel=UnsureProgrammer