如何在不使用Xcode的React Native中添加自定义字体?
有没有办法在Atom编辑器的React Native中添加自定义字体,而不是使用Xcode?
使用rnpm
通过命令行有一个更简单的方法。 它将字体添加到android和ios。 将要添加的字体放置到项目目录中的适当位置。 在你的package.json只需添加以下内容:
... "rnpm": { "assets": ["path/to/your/font/directory"] }, ...
然后从命令行执行: rnpm link
你现在可以愉快地在你的应用程序中使用你的字体。
注意:你必须安装rnpm才能工作。 只要做npm install -g rnpm
这里是文档: https : //github.com/rnpm/rnpm#advanced-usage
没有编辑package.json的方法是:
-
安装在你的proyect react-native-vector-icons(
npm install --save react-native-vector-icons
)。 -
将字体移动到
node_modules/react-native-vector-icons/Fonts
。 -
运行
react-native link
。 -
运行
react-native run-ios
问题是字体的名称不同于文件名。 显示已安装字体的所有名称的方法是修改AppDelegate.m
并放置循环:
for (NSString *familyName in [UIFont familyNames]) { for (NSString *fontName in [UIFont fontNamesForFamilyName:familyName]) { NSLog(@"%@", fontName); } }
对于图标字体的名称是相同的。
不可能添加自定义字体的iOS。
您正在使用Xcode,然后在本机应用程序中添加字体
- 将您的字体文件复制到资源中
- 将一个密钥添加到名为UIAppFonts的Info.plist文件中。 (“应用程序提供的字体)使这个键成为一个数组
- 对于每种字体,请将字体文件的全名(包括扩展名)作为项目input到UIAppFontsarrays中