React native 使用react navigation 5.0.5的身份验证流出现问题

实际行为：

我正在为一个项目实现身份验证流。当用户未成功登录时，我将以登录屏幕作为初始路径呈现一堆屏幕。当用户登录成功时，以主屏幕作为初始路径呈现另一个屏幕堆栈

我的问题是，当用户登录成功时，登录屏幕会出现几秒钟而不允许任何屏幕交互，而不是直接显示主屏幕，然后主屏幕会显示一些类似于react navigation push transition的动画

预期行为：

我想在成功登录时显示主屏幕，没有上面提到的任何错误

环境：

“react-native”：“0.61.5”，“@react-navigation/native”：“^5.0.5”， @react-navigation/stack:“^5.0.5”“react-native reanimated”： “^1.7.0”，“反应本机安全区域上下文”：“^0.7.3”， “反应本机屏幕”：“^2.0.0-beta.7”， “@react本地社区/屏蔽视图”：“^0.1.6”

代码：

homeStack=（）=>{
返回(
,
);
}
登录堆栈=（）=>{
返回(
,
);
}
render（）{
返回(
{this.state.user_data==null？this.loginStack（）：this.homeStack（）}
);
}

请阅读-总结是，这不是向志愿者讲话的理想方式，可能会对获得答案产生反作用。请不要将此添加到您的问题中。

 homeStack = () => {
    return (
      <>
        <Stack.Screen name="Home" component={Home} options={{ headerShown: false }} />
        <Stack.Screen name="JobsFormsList" component={JobsFormsList} />
        <Stack.Screen name="Forms" component={Forms} />,
        <Stack.Screen name="SignTemp" component={SignTemp}
          options={{ headerShown: false }}
        />
      </>
    );
  }
loginStack = () => {
        return (
          <>
           <Stack.Screen name="Login" component={Login} options={{ headerShown: false }} />
            <Stack.Screen name="Home" component={Home} options={{ headerShown: false }} />
            <Stack.Screen name="JobsFormsList" component={JobsFormsList} />
            <Stack.Screen name="Forms" component={Forms} />,
            <Stack.Screen name="SignTemp" component={SignTemp}
              options={{ headerShown: false }}
            />
          </>
        );
      }


 render() {
    return(
    <NavigationContainer>
      <Stack.Navigator screenOptions={{ gestureEnabled: false }}>
        {this.state.user_data === null ? this.loginStack() : this.homeStack()}
      </Stack.Navigator>
    </NavigationContainer>
  );
}