React 原生屏幕导航很慢

Question

我使用带有功能组件的反应导航，当从一个屏幕移动到另一个屏幕时，我面临着屏幕问题。需要 1-2 秒。用户能够观察到某些内容正在加载。我正在使用

    "@react-navigation/bottom-tabs": "^5.8.0",
    "@react-navigation/native": "^5.7.1",
    "@react-navigation/stack": "^5.7.1",

<NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen name='HomeScreen' component={HomeScreen} options={{ headerShown: false }} />
</Stack.Navigator>
    </NavigationContainer>

主屏幕

<Tab.Navigator>

一些选项卡

所以我不知道出了什么问题。我通过交互管理器找到了一些解决方案。所以请给我一个答案，我如何在功能组件中做到这一点并提高导航速度。

Answer 1

您可以使用“animationDuration”选项指定从一个屏幕导航到另一个屏幕所需的时间。

<Stack.Navigator initialRouteName='Home' screenOptions={{ headerShown: false, animation: "slide_from_right", animationDuration: 1 }}>