31

NativeBase Docsのセットアップ手順に従い、実行しましたrnpm link。次のエラーが表示されます: 認識されないフォント ファミリ イオコン

Xcode によってもチェックされているため、フォントは既にビルド段階にあります。私は何が欠けていますか？

4

9 に答える 9

70

RN 0.60+では使用しないreact-native link ...でください。(自動リンクを参照)

代わりにこれをあなたのに追加してくださいPodfile：

pod 'RNVectorIcons', :path => '../node_modules/react-native-vector-icons'

実行しますpod update(またはpod install)。

さらにこれをあなたに追加してくださいInfo.plist：

<key>UIAppFonts</key>
<array>
  <string>AntDesign.ttf</string>
  <string>Entypo.ttf</string>
  <string>EvilIcons.ttf</string>
  <string>Feather.ttf</string>
  <string>FontAwesome.ttf</string>
  <string>FontAwesome5_Brands.ttf</string>
  <string>FontAwesome5_Regular.ttf</string>
  <string>FontAwesome5_Solid.ttf</string>
  <string>Foundation.ttf</string>
  <string>Ionicons.ttf</string>
  <string>MaterialIcons.ttf</string>
  <string>MaterialCommunityIcons.ttf</string>
  <string>SimpleLineIcons.ttf</string>
  <string>Octicons.ttf</string>
  <string>Zocial.ttf</string>
</array>

( https://github.com/oblador/react-native-vector-icons#option-with-cocoapodsから取得)

私のプロジェクトでは次のようにうまく動作します:

"react": "16.9.0",
"react-native": "0.61.1",
"native-base": "2.13.8" (react-native-vector-icons@6.6.0),
于 2019-09-27T11:05:13.473 に答える
14

メソッドを使用しIcon.loadFont()てフォントをロードします。

例 (App.tsx を追加):

import AntDesign from 'react-native-vector-icons/AntDesign';
import Ionicons from 'react-native-vector-icons/Ionicons';
import Feather from 'react-native-vector-icons/Feather';

AntDesign.loadFont().then();
Ionicons.loadFont().then();
Feather.loadFont().then();
于 2020-08-17T14:14:22.043 に答える
5

0.60 以上を使用している場合は、次の手順を実行する必要があります。

<key>UIAppFonts</key>
<array>
 <string>AntDesign.ttf</string>
 <string>Entypo.ttf</string>
 <string>EvilIcons.ttf</string>
 <string>Feather.ttf</string>
 <string>FontAwesome.ttf</string>
 <string>FontAwesome5_Brands.ttf</string>
 <string>FontAwesome5_Regular.ttf</string>
 <string>FontAwesome5_Solid.ttf</string>
 <string>Foundation.ttf</string>
 <string>Ionicons.ttf</string>
<string>MaterialIcons.ttf</string>
<string>MaterialCommunityIcons.ttf</string>
<string>SimpleLineIcons.ttf</string>
<string>Octicons.ttf</string>
<string>Zocial.ttf</string>
</array>

この後、以下のコマンドを実行します:-

react-native bundle --entry-file index.js --platform ios --dev false --bundle-output ios/main.jsbundle --assets-dest ios

クリーンアップ後、ビルドします。iOS アプリを実行します。このソリューションは私にとってはうまくいきます:)

于 2020-10-17T13:56:20.647 に答える
2

これは、パッケージャーを起動してから を介してパッケージをリンクした場合に発生しますrnpm link。

これには、パッケージャーを再起動して再試行する必要があります。

于 2016-08-05T12:49:07.450 に答える