为什么 react-native-svg-icons 给我一个错误,即 ttf 文件有一些重复项?



长话短说

我已经在我的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-icon 似乎也使用与其中一个包相同的.ttf文件,因此我收到错误:

多个命令产生...

因此,当我卸载react-native-vector-icons时,它会再次工作。但是当我到达使用此软件包的屏幕时:

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

它抱怨找不到Fontawesome图标(元素中的复选框组件(

那么我该如何解决这个问题呢?我需要应用程序显然构建,还需要react-native-elements中的复选框组件。但react-native-elements需要react-native-svg-icons.但是当我安装它时,它甚至没有使用上述错误构建,即同一图标有多个.ttf文件。

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

我通过摆脱react-native-elements解决了它,并创建了我自己的自定义复选框组件。

我有一个与 react-native-vector-icons 库中包含的字体相关的类似问题。我用以下内容解决了它。

  1. 我在项目中创建了assets/fonts目录。我添加了另一个iOS没有链接的字体(在我的例子中是"Nunito"字体(,但我没有包括反应原生矢量图标的字体

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

module.exports = {
project: {
ios: {},
android: {}
},
assets: ['./src/assets/fonts/'],
};
  1. 然后我跑react-native link

  2. 然后我去了ios目录(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

最新更新