Question

有没有办法在Atom编辑器中的React Native中添加自定义字体而不使用Xcode？

Answer 1

使用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

Answer 2

没有编辑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);
        }
    }

对于图标字体，名称相同。

Answer 3

无法添加自定义字体iOS 您正在使用Xcode，然后在本机应用中添加字体

将您的字体文件复制到资源中
在Info.plist文件中添加一个名为UIAppFonts的密钥。（＆＃34;应用程序提供的字体）将此键设为数组
对于您拥有的每种字体，请输入字体文件的全名（包括扩展名）作为UIAppFonts数组的项目

如何在React Native中添加自定义字体而不使用Xcode？

3 个答案: