React Native 自定义字体问题 0.63.4

Question

我似乎无法正确 link 字体，我已经检查了所有代码 5 次.....我需要帮助！

App.js -

 <Text style={{ fontFamily: 'Poppins-Black' }}>InviteUs</Text>

Info.PList -

<key>UIAppFonts</key>
    <array>
        <string>Poppins-Black.ttf</string>
        <string>Gilroy-ExtraBold.otf</string>
    </array>

反应-native.config.js-

module.exports = {
    project: {
        ios: {},
        android: {}, // grouped into "project"
    },
    assets: ["./assets/fonts/"], // stays the same
};

字体名称 -

assets/fonts/Poppins-Black.ttf

PostScript 名称 -

Poppins-Black

Answer 1

在 assets 文件夹中创建名为 fonts 的文件夹，并将您的字体类型放入该 assets 文件夹中。

然后创建 react-native.config.js 并像下面这样，

module.exports = {
    project: {
        ios: {},
        android: {}, // grouped into "project"
    },
    assets: ["./src/assets/fonts/"], // stays the same
};

在运行 react-native link 之后（对于我们自己的 links 这应该是）

最后重新启动您的 npm 和运行应用程序

Answer 2

您是否像这样将自定义字体添加到 Copy Bundle Resources

React Native 自定义字体问题 0.63.4

React Native Custom Font Issues 0.63.4

fonts

styles

react-native