你不需要有一个加载屏幕本身，但一个简单的加载组件（如果需要，可以全屏）。
因此，您可以在一个钩子（如useFetchLegalDocuments）中获取文档，然后从登录页面导航到LegalDocuments屏幕，但在获取完成之前，您将显示加载情况。

const LegalDocumentsContainer = () => {
  const { isLoading, legalDocuments } = useFetchLegalDocuments();

  if (isLoading) {
    return <Loading />
  }

  return <LegalDocuments documents={legalDocuments} />
}

当用户到达这个屏幕时，他们将看到一个加载指示器，但是一旦抓取完成，组件将呈现法律的文档。
请记住，这是非常高的水平，我把部分逻辑移到钩子上，这样我就可以专注于这个问题。

我个人做一个AuthorizedAreaNavigator和一个单独的LoginNavigator。
我会把legal calls/onboarding workflow放在登录页面上的登录/授权加载器中。所以当你点击授权区域导航器时，你已经拥有了将用户导航到正确区域所需的所有数据。我认为这是一个比多个加载屏幕更好的用户体验。
为了让所有的数据都可以用于Authorized Area Navigator，我通常使用创建一个React Context Provider，我将其称为UserContext。上下文包含用户的所有状态，更具体地说，是您需要为注册/法律的显示的状态和文件。
https://react.dev/reference/react/createContext
我个人也喜欢把我的逻辑放在一个上下文中，所以我会创建一个函数来执行http调用，以获取上下文中的用户数据，然后在登录屏幕中调用该函数，或者更好地作为授权/登录函数的一部分。这样，我只需要在loginScreen上使用一个方法进行授权/登录，当完成时，我知道我拥有了所有的用户数据，我将需要向前移动，并将用户带到他们需要去的地方。
希望能帮上忙！