expo / google-fonts

Use any of the 1000+ fonts (and their variants) from fonts.google.com in your Expo app.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

expo-google-fonts/raleway not rendering

PoLePanda opened this issue · comments

HI! I want to use the font raleway for my app, but I don't know what am doing wrong..
I have copied the documentation but the font is always the same default one.

Can you help me please ?

my app.js

import React from "react";
import { StyleSheet, View, StatusBar, Text } from "react-native";
import {
  useFonts,
  Raleway_700Bold,
  Raleway_400Regular,
} from "@expo-google-fonts/raleway";
import AppLoading from "expo-app-loading";

export default function App() {
  let [isLoaded] = useFonts({
    Raleway_400Regular,
    Raleway_700Bold,
  });

  if (!isLoaded) {
    return <AppLoading />;
  }
  return (
    <View style={styles.container}>
      <StatusBar hidden />
      <Text style={{ fontFamily: "Raleway_700Bold", fontSize: 50 }}>
        Good font ?!?!?
      </Text>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: "center",
    justifyContent: "center",
  },
});

my package.json

{
  "main": "node_modules/expo/AppEntry.js",
  "scripts": {
    "start": "expo start",
    "android": "expo start --android",
    "ios": "expo start --ios",
    "web": "expo start --web",
    "eject": "expo eject"
  },
  "dependencies": {
    "@expo-google-fonts/inter": "^0.1.0",
    "@expo-google-fonts/raleway": "^0.1.0",
    "expo": "~40.0.0",
    "expo-app-loading": "^1.0.1",
    "expo-font": "~8.4.0",
    "expo-screen-orientation": "~2.1.0",
    "expo-status-bar": "~1.0.3",
    "react": "16.13.1",
    "react-dom": "16.13.1",
    "react-native": "https://github.com/expo/react-native/archive/sdk-40.0.1.tar.gz",
    "react-native-circular-progress": "^1.3.6",
    "react-native-material-ripple": "^0.9.1",
    "react-native-svg": "12.1.0",
    "react-native-svg-transformer": "^0.14.3",
    "react-native-web": "~0.13.12"
  },
  "devDependencies": {
    "@babel/core": "~7.9.0"
  },
  "private": true
}

Android virtual Device
Pixel 3a API 30
Android 11.0 x86

thanks for the help

the bug is only on dev mode