android bundling complete but still expo google fonts don't get loaded or it shows null or nothing in screen

[nikeshD10]

android bundling complete but still expo google fonts don't get loaded or it shows null or nothing in screen

[nikeshD10]

Just comment the part which deals with if statement of isFontLoaded since useFonts or in my case I renamed with useOswald, so it doesn't return null. It doesn't check the font is loaded or not. So we shouldn't use check if font is loaded or not using useFonts().

So what it does is it returns something but not null or false or anything that is not true. So whenever the app renders then first javascript interpreter checks if (!fontLoaded ) since !fontloaded === not not empty === true so interpreter goes inside if statement and as of my case it returns null.And app doesn't show nothing.
Here is the solutions:

import { StyleSheet, StatusBar, Text, View } from "react-native";
import RestaurantScreen from "./src/features/restaurants/screens/RestaurantScreen";
import { ThemeProvider } from "styled-components/native";
import { theme } from "./src/infrastructure/theme/index";
import React from "react";
import {
useFonts as useOswald,
Oswald_400Regular,
} from "@expo-google-fonts/oswald";
import {
useFonts as useLato,
Lato_400Regular,
Lato_400Bold,
} from "@expo-google-fonts/lato";

export default function App() {
const [oswaldLoaded] = useOswald({
Oswald_400Regular,
});
const [latoLoaded] = useLato({
Lato_400Regular,
Lato_400Bold,
});

// if (!oswaldLoaded || !latoLoaded) {
// return (
// <View style={{ justifyContent: "center", alignItems: "center" }}>
// Error
//
// );
// }
return (
<>




</>
);
}

const styles = StyleSheet.create({});