0

长话短说

我在我的 iPhonereact-native应用程序中沉没了大约 12 个小时。从昨天开始，它就不再建造了（不知从何而来）。5小时后！在调试的过程中，我发现了可能导致问题的原因，但没有找到解决方法。

我使用这些包含 .ttf 文件的包 / 用于图标和东西：

"@fortawesome/fontawesome-svg-core"
"@fortawesome/free-solid-svg-icons"
"@fortawesome/react-native-fontawesome"
"@react-native-community/cli-platform-ios"
"react-native-vector-icons"

我认为有问题。由于 react-native-vector-icons 似乎也使用了这些软件包之一带来的相同 .ttf 文件，因此我收到错误消息：

多个命令产生...

所以当我卸载react-native-vector-icons它再次工作。但是当我到达使用这个包的屏幕时：

"react-native-elements"（它在文档中说它需要react-native-vector-icons）

它抱怨找不到 Fontawesome 图标（来自元素的复选框组件）

那么我该如何解决这个问题呢？我显然需要构建应用程序，还需要来自react-native-elements. 但react-native-elements需要react-native-svg-icons. 但是当我安装它时，它甚至没有生成上述错误，即有多个相同图标的 .ttf 文件。

4

2 回答 2

0

我无法弄清楚，但这与它们有关，react-native-elements因为它们还链接了随附的图标react-native-vector-icons

我通过摆脱react-native-elements并创建自己的自定义 Checkbox 组件来解决它。

于 2019-10-10T04:29:26.903 回答
0

我遇到了与 react-native-vector-icons 库中包含的字体相关的类似问题。我用以下方法解决了它。

  1. 我在我的项目中创建了assets/fonts目录。我添加了另外一些 iOS 没有链接的字体（在我的例子中是“Nunito”字体），但我没有包含 react-native-vector-icons 的字体

  2. react-native.config.js我在项目的根目录中创建了一个新文件，其中包含以下内容：

module.exports = {
    project: {
        ios: {},
        android: {}
    },
    assets: ['./src/assets/fonts/'],
};

  1. 然后我跑了react-native link

  2. 然后我去了iosdir ( cd ios) 并运行pod update

  3. 最后，我跑react-native run-ios了，奇迹发生了

我基于 Alex Biddle 的帖子：https ://medium.com/better-programming/how-to-add-custom-fonts-to-your-react-native-project-c64305281b9

于 2019-11-08T20:59:11.567 回答