如何在不使用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的方法是:

  1. 安装在你的proyect react-native-vector-icons( npm install --save react-native-vector-icons )。

  2. 将字体移动到node_modules/react-native-vector-icons/Fonts

  3. 运行react-native link

  4. 运行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中