expo-google-fonts/raleway not rendering
PoLePanda opened this issue · 1 comments
PoLePanda commented
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
PoLePanda commented
the bug is only on dev mode