长话短说
我已经在我的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 库中包含的字体相关的类似问题。我用以下内容解决了它。
-
我在项目中创建了
assets/fonts
目录。我添加了另一个iOS没有链接的字体(在我的例子中是"Nunito"字体(,但我没有包括反应原生矢量图标的字体 -
我在项目的根目录中创建了一个名为
react-native.config.js
的新文件,其中包含以下内容:
module.exports = {
project: {
ios: {},
android: {}
},
assets: ['./src/assets/fonts/'],
};
然后我跑
react-native link
然后我去了
ios
目录(cd ios
(并跑pod update
最后,我跑
react-native run-ios
,奇迹发生了
我在Alex Biddle的帖子中写道:https://medium.com/better-programming/how-to-add-custom-fonts-to-your-react-native-project-c64305281b9