fontFamily matériel icônes n'est pas une police système et doit être chargé par Exponent

Question

J'importe Icône natif de réagiront vecteur icônes avec le code:

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

Il semble que cela est correctement connecté. Le code que je utilise pour obtenir une icône est:

<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> 

L'erreur complète je reçois est:

fontFamily « Matériel icônes » est pas une police du système et n'a pas été chargé par Exponent.Font .loadAsync.

• Si vous aviez l'intention d'utiliser une police système, assurez-vous que vous avez saisi correctement le nom et qu'il est pris en charge par votre appareil système d'exploitation.

• S'il s'agit d'une police personnalisée, assurez-vous de la charger avec Exponent.Font.loadAsync.

Answer 1

Je pense que vous avez peut-être changé .babelrc, vous devez utiliser babel-preset-expo pour réagir-vecteur natif icônes de travailler avec Expo. Voir cet exemple projet, je mis en place pour vous, où je ne ai fait initialize avec create-react-native-app puis ajoutez le code que vous avez fourni pour l'icône: https://github.com/brentvatne/StackOverflow44811677

Votre .babelrc devrait ressembler à ceci: https://github.com/brentvatne/StackOverflow44811677/blob/master/.babelrc

Vous pouvez lisez ce fil pour plus d'informations si vous voulez comprendre pourquoi cela se passe: https://github.com/expo/vector-icons/issues/12