提问人：Muskan Verma 提问时间：11/10/2023 更新时间：11/10/2023 访问量：21
在 react native expo 项目中导入自定义字体时遇到问题
Facing issue while importing custom fonts in react native expo project
问：
我正在尝试在 react native expo 项目中导入名为 raleway 的自定义谷歌字体。即使在运行项目时遵循了 expo 字体文档后，我还是收到错误字体系列“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"
}
答：
0赞
Jemba Narcisse
11/10/2023
#1
像这样在 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赞
Muskan Verma
11/11/2023
加载@jemba需要很长时间
评论