2016-06-22 10 views
2

React Nativeを使用して異常なエラーに遭遇しました。私button.js内部IはReact Nativeに認識されないフォントファミリ

import Icon from "react-native-vector-icons/MaterialIcons"; 
const icon = (Icon name="menu size={20} color="green"/>); 
render() 
    return(
     {icon} 
    ) 

をしています。しかし、私は、私のようにFontAwesomeをインポートするときしかし、エラー

Unrecognized Font Family 'Material Icons' 

を与えている:

import Icon from "react-native-vector-icons/FontAwesome"; 

私はエラーを取得していません。あなたが使用

+0

プロジェクトを再起動するだけで問題が解決するようです。 – Bas

答えて

1

ライブラリは、特定のsection about this problemを持って、それが(バージョン2.0.3で)状態:

  • はあなたのXcodeプロジェクトにフォントを追加したことを確認してください。
  • フォルダ全体を追加して青色にした場合は、使用しようとしているフォントがInfo.plistに表示されていることを確認し、パスに追加する必要があります。
  • フォントがビルドフェーズのコピーバンドルリソース にコピーされていることを確認します。
  • プロジェクトを再コンパイルします。
+0

そうですね、私はそれをすべてやったと言いました。具体的にはマテリアルアイコンの問題でした。プロジェクトを再開してすべてのファイルを新しいディレクトリにコピーするだけで解決しました。それが許容可能な解決策であるかどうかは分かりませんので、私はそれを投稿しませんでした。 – omriki

-1
  • 既に.ttfファイルをプロジェクトにインポートしていることを確認してください。
  • コピーバンドルにチェックインしてください。
  • 最後に、画像のようにするinfo.plist内のファイルを追加Image Link
7

、コマンドを実行していることを確認してください:

が反応し、ネイティブのリンクが反応し、ネイティブ・ベクトルのアイコンを

+0

'react-native run-ios'または' react-native run-android'を使ってプロジェクトを再コンパイルするのを忘れないでください。 – NSCoder

関連する問題