使用 Switch Navigator 时在 React Native 中导入 Google 字体

Question

所以我正在编写一个应用程序，其中我使用 Switch Navigator 与 React Expo 一起进行本机反应。所有导入说明都建议导入 App.js 中的字体并在

中使用它

export default function App() {...}

问题是，通过使用我现在拥有的 Switch Navigator

export default createAppContainer(
  createSwitchNavigator(
    {
      Loading: LoadingScreen,
      App: AppStack,
      Auth: AuthStack,
    },
    {
      initialRouteName: "Loading"
    }
  )
)

而且我找不到应用我在此处找到的说明的方法，例如： https://docs.expo.dev/guides/using-custom-fonts/ 因为我从 App.js 的默认导出使用 Switch Navigator 功能。我是否必须在每个屏幕上单独导入字体，或者因为我正在使用这样的 Switch Navigator，所以可能切换到自定义字体加载方法？

Answer 1

找到了执行此操作的方法，以防有人无意中发现它。

所以我不得不像这样重构导出默认函数：

const RootApp = createAppContainer(
  createSwitchNavigator(
    {
      Loading: LoadingScreen,
      App: AppStack,
      Auth: AuthStack,
    },
    {
      initialRouteName: "Loading"
    }
  )
)

export default function App() {

  let [fontsLoaded] = useFonts({
    Lobster_400Regular,
  });


    if (!fontsLoaded) {
      return <AppLoading />;
    }
    // from the custom App we return the component we assigned to RootApp.
    return <RootApp />;
}

使用 Switch Navigator 时在 React Native 中导入 Google 字体

Import Google fonts in react native while using Switch Navigator

reactjs

react-native

google-fonts