fontFamily 'Material Icons' is not a system font and has not been loaded through Expo.Font.loadAsync

[jamesangetonhouse]

I receiving this error:

Is this related to the recent update?

I have using this component previously and so far so good until now.
https://github.com/renrizzolo/react-native-sectioned-multi-select/issues/46

[jamesangetonhouse]

It seems like my mistake.

[matiastoro]

How did you solve it? I have the same problem

[jamesangetonhouse]

Hi there,
I have fixed this via trial and error method.
First, I removed all the packages in the npm_modules folder.
Then one by one install back. And it magically fix the issue. I suspect, is due to dependency issues.

[kalifa17]

yarn add react-native-vector-icons worked for me

[gabriel-TheCode]

Please what is the real solution ?

[dogaoz]

I have the same problem and no matter what I've done, it still doesn't work. Googled and checked every single github and stack overflow post and I cannot figure out what is wrong.

[dogaoz]

I fixed it with

import FontAwesome from '../node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/FontAwesome.ttf';
import MaterialIcons from '../node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/MaterialIcons.ttf';

state = {
    fontLoaded: false
  };
      async componentWillMount() {
        try {
         
      await Font.loadAsync({


        FontAwesome,
        'Material Icons': MaterialIcons


      });

          this.setState({ fontLoaded: true });
        } catch (error) {
          console.log('error loading icon fonts', error);
        }
      }

[huayunh]

^ this trick actually solved my problem