如何在react本机版本0.61.5中添加自定义字体
如何在react本机版本0.61.5中添加自定义字体
提问于 2020-02-22 23:55:24
如你所知，react native >='60.0‘确实支持自动链接，有很多关于添加自定义字体的教程，但大多数方法都过时且令人困惑，所有这些方法都还在使用react native link
我想知道如何在最新版本的react native (0.61.5)中添加同时适用于ios和android的自定义字体？
我的react-native.config.js是这样的：
commands: [...ios.commands, ...android.commands],
platforms: {
ios: {
linkConfig: ios.linkConfig,
projectConfig: ios.projectConfig,
dependencyConfig: ios.dependencyConfig,
},
android: {
linkConfig: android.linkConfig,
projectConfig: android.projectConfig,
dependencyConfig: android.dependencyConfig,
},
},
/**
* Used when running RNTester (with React Native from source)
*/
reactNativePath: '.',
project: {
ios: {
project: './RNTester/RNTesterPods.xcworkspace',
},
android: {
sourceDir: './RNTester',
},
},
};回答 2
Stack Overflow用户
发布于 2020-02-23 02:12:01
您仍然可以运行react-native link :)
这里有一个github thread ，你可以按照这个问题来做。
看似可以接受的步骤有
在根应用程序中创建一个文件夹为：assets
fonts
- in assets，并将fonts放入此文件夹中
- 在根目录中创建一个文件：
react-native.config.js(您已经有此文件)。在此文件中添加资产引用。
module.exports = {
project: {
android: {}
},
assets: ['./assets/fonts/'],
};运行npx react-native link的
将字体用作style={{ fontFamily: "name of font" }}的
重新运行app:npx react-native run-android的
编辑:修复文件名中的拼写错误
Stack Overflow用户
发布于 2020-04-22 21:34:32
首先在ppackage.json的rnpm中添加字体路径，然后运行react-native链接，然后在安卓的资产文件夹中添加字体
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/60353924
复制相关文章
相似问题
腾讯云开发者
