React Native开发时用到react-navigation6.X版本的@react-navigation/native6.X页面加载动画IOS和Android默认不一致

在React Native开发中，如果你需要使用react-navigation的6.x版本的@react-navigation/native页面，你需要确保安装了正确的依赖，并且遵循了该版本的API使用方法。

首先，确保你安装了所需的react-navigation相关依赖：

npm install @react-navigation/native
npm install @react-navigation/native-stack

接下来，你可以创建一个简单的导航器，使用<NavigationContainer>作为容器包裹你的导航结构：

import * as React from 'react';
import { View, Text } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
 
const Stack = createNativeStackNavigator();
 
function HomeScreen() {
  return (
    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
      <Text>Home Screen</Text>
    </View>
  );
}
 
export default function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen name="Home" component={HomeScreen} />
      </Stack.Navigator>
    </NavigationContainer>
  );
}

在这个例子中，我们创建了一个使用createNativeStackNavigator的导航器，并且定义了一个名为"Home"的屏幕，该屏幕使用HomeScreen组件进行渲染。这是react-navigation 6.x版本的基本用法。