在react native expo项目中导入自定义字体时面临的问题

lkaoscv7 于 2023-11-21 发布在 React

关注(0)|答案(1)|浏览(164)

我试图在react native expo项目中导入名为raleway的自定义谷歌字体。即使在运行项目时遵循expo字体文档，我也会收到错误字体Family 'raleway'不是系统字体，并且尚未通过Font. loadAsync加载。
以下是我如何导入App.js文件中的字体-

import { useFonts } from 'expo-font';
let customFonts={
    'raleway':require('./assets/Fonts/Raleway-Regular.ttf')
  }

  const [isLoaded]=useFonts(customFonts)

字符串
我在另一个文件GoogleMapView.js文件中使用它-

text:{
      fontWeight:"bold",
      fontSize:16,
      marginBottom:10,
      fontFamily:"raleway"
    }

型

react-native

来源：https://stackoverflow.com/questions/77457474/facing-issue-while-importing-custom-fonts-in-react-native-expo-project

1条答案

按热度按时间

jgwigjjp1#

像这样在App.js上导入字体

import AppLoading from 'expo-app-loading';
import { useFonts } from 'expo-font';
let customFonts = {
'raleway':require('./assets/Fonts/Raleway-Regular.ttf')
};

const App = () => {
const [isLoaded] = useFonts(customFonts);
if (!isLoaded) {
return <AppLoading />;
}
return <RootApp />;
}

字符串

赞(0）回复(0）举报 2023-11-21

我来回答

在react native expo项目中导入自定义字体时面临的问题

1条答案

相关问题

热门标签

最新问答