时间戳

首页 > 解决方案 > React native Expo Custom font android问题

android - React native Expo Custom font android问题

问题描述

我尝试为我的世博会项目使用自定义字体 Avenir-book.tff 和 A​​vernirNext.otf。出于某种原因，我的自定义字体适用于我的 iOS 设备，但不适用于我的 android 设备。这是我的代码：app.js：

UNSAFE_componentWillMount() {
Font.loadAsync({
  "Avenir-Book": require("./assets/fonts/Avenir-Book.ttf"),
  "Avenir-Next": require("./assets/fonts/AvenirNextLTPro-Bold.otf"),
}).then(() => this.setState({ fontsLoaded: true }));
}

我的文字：

<Text style={styles.text}>ORA</Text>

样式表：

text: {
color: colors.white,
fontSize: 30,
fontFamily: "Avenir-Book",
fontWeight: "bold",
marginTop: 8,
},

我尝试使用这两种字体。两者在 iOS 上都可以正常工作，但在 android 上根本不工作。有谁知道为什么？

标签： androidreactjsreact-nativefontsexpo

解决方案

我认为这个答案是相关的：https ://stackoverflow.com/a/62460424/659988

请务必在文档中参考这个最小且完整的工作示例：https ://docs.expo.io/guides/using-custom-fonts/#a-minimal-but-complete-working-example

推荐阅读