のfontFamily素材のアイコンは、システムフォントではなく、私はコードで反応するネイティブ・ベクトルのアイコンからアイコンをインポートしています指数

Question

てロードする必要があります。

import Icon from 'react-native-vector-icons/MaterialIcons'; 

それが正しく接続されているように思え。 私はアイコンを取得するために使用していたコードは次のとおりです。

<Tab    
    title={selectedTab === 'home' ? 'HOME' : 'Home'} 
    renderIcon={() => <Icon containerStyle={{justifyContent: 'center', alignItems: 'center', marginTop: 12}} color={'#5e6977'} name='android' size={33} />} 
    onPress={() => this.changeTab('home')}> 
    <Text>Home</Text> 
</Tab> 

私は取得しています完全なエラーは次のとおりです。

のfontFamily「素材のアイコンは、」システムフォントではなく、Exponent.Fontによってロードされていません.loadAsync。

• システムフォントを使用する場合は、名前を正しく入力し、デバイスのオペレーティングシステムでサポートされていることを確認してください。

• カスタムフォントの場合は、必ずExponent.Font.loadAsyncでロードしてください。

Answer 1

私はあなたがあなたの.babelrcを変更しているかもしれないと思う、あなたは万博で動作するように反応し、ネイティブ・ベクトルのアイコンのためのbabel-preset-expoを使用する必要があります。私はすべてがcreate-react-native-appでそれを初期化してアイコンのため提供されたコードを追加しました私はあなたのために一緒に入れ、このサンプルプロジェクトを参照してください：https://github.com/brentvatne/StackOverflow44811677

あなた.babelrcは次のようになります。https://github.com/brentvatne/StackOverflow44811677/blob/master/.babelrc

することができますなぜこのようなことが起こっているのかを理解したい場合は、このスレッドを読んでください。https://github.com/expo/vector-icons/issues/12