Expo ne peut pas charger les polices

Question

J'ai essayé de charger des polices dans Expo, mais je reçois toujours la même erreur.

Voici mon code :

Mon Index.js ressemble à ceci :

import WelcomePage from "./Authentication/WelcomePage";

export default function Page() {

  return (
      <WelcomePage/>
  );
}

Et ma page d'accueil ressemble à ceci :

import {Link, useRouter} from "expo-router";
import {windowForm} from "../Design/WindowForm";
import {Button} from "react-native-paper";
import Styles from "../Design/styles";
import Constants from "expo-constants";
import {Inter_900Black, useFonts} from "@expo-google-fonts/inter";

const WelcomePage = () => {
    const router = useRouter()
    let [fontsLoaded] = useFonts({
        Inter_900Black,
    });

    if (!fontsLoaded) {
        return null;
    }
    return(
        <View style={{width: windowForm().at(0), height:windowForm().at(1)}}>
            <Text style={{fontFamily:'Inter_900Black'}}>
                Hey
            </Text>
        </View>
    )
}
export default WelcomePage

Voici l'erreur que je reçois constamment :

警告：React检测到WelcomePage中Hooks调用的顺序发生了变化。如果不修复，这将导致错误和bug。了解更多信息，请阅读Hooks的规则：https://reactjs.org/link/rules-of-hooks

Comprend les éléments suivants :

Rendu précédent

1. useState
2. useState
3. useEffet
4. undéfini

Rendu suivant

1. useState
2. useState
3. useEffet
4. useState

Answer 1

Merci Mike 'Pomax' Kamermans

J'ai compris que je devrais d'abord faire un MCVE. De cette façon, j'ai réalisé que le problème ne venait pas de la police, mais du fait que mon javascript windowForm().at(0) était appelé dans le même const .

Je ne sais pas encore pourquoi, mais lorsque je les ai séparés, il n'y a eu aucune erreur. Je modifierai ce message une fois que j'en saurai plus. Chapeau bas à Mike.