Discussion on: Add custom fonts to react native (expo) app

[AlexParton]

Me too, same stetps and same error. Did you solve it Emma?
thanks

[adelpro]

Im using this method with Expo react native:
first install the relative npm packages, in my case im using "tajawal" font

npm i @expo-google-fonts/tajawal

in App.js:

let [fontsLoaded] = useFonts({
    Tajawal_300Light,
    Tajawal_400Regular,
    Tajawal_500Medium,
    Tajawal_800ExtraBold,
  });

  if (!fontsLoaded) {
    return <AppLoading />;
  }

Then

const TajawalFontFamily = StyleSheet.create({
  ExtraBold: {
    fontFamily: "Tajawal_800ExtraBold",
  },
  Light: {
    fontFamily: "Tajawal_300Light",
  },
  Regular: {
    fontFamily: "Tajawal_400Regular",
  },
  Medium: {
    fontFamily: "Tajawal_500Medium",
  },
});

then i pass (TajawalFontFamily ) as prop to my component

<Home font:{TajawalFontFamily }

in Home component:

<Text style={[styles.headerText, font.ExtraBold]}>الباحث في الحديث</Text>