React Native Expo，自定义字体问题

Question

请帮助我，我的应用程序中存在自定义字体问题。我有控制台错误 - “Inter-SemiBold”不是系统字体并且尚未通过 Font.loadAsync 加载

我尝试了一切，但没有任何改变:( :(。请帮助我

Answer 1

如果它不是设备字体的一部分，您需要安装字体并加载它才能使用它。

npm install @expo-google-fonts/inter

然后

import { Inter_600SemiBold as Inter } from "@expo-google-fonts/inter";

...

// Put this inside your component
useEffect(() => {
    const loadFonts = async () => {
      await Font.loadAsync({
        Inter
      });
      setFontsLoaded(true);
    }
    loadFonts();
  }, [])
  if (!fontsLoaded) {
    return (
      //Loading page
    )
  }
  return (
    //Main page
  )