Ekspo tidak boleh memuatkan fon

Question

Saya telah cuba memuatkan fon dalam Ekspo, tetapi saya terus mendapat ralat yang sama.

Ini kod saya:

Indeks.js saya kelihatan seperti ini:

import WelcomePage from "./Authentication/WelcomePage";

export default function Page() {

  return (
      <WelcomePage/>
  );
}

Dan Halaman Selamat Datang saya kelihatan seperti ini:

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

Ini adalah kesilapan yang saya terus dapat:

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

Termasuk yang berikut:

Perenderan sebelumnya

1. useState
2. useState
3. useEffect
4. tidak ditentukan

Render Seterusnya

1. useState
2. useState
3. useEffect
4. useState

Answer 1

Terima kasih Mike 'Pomax' Kamermans

Saya telah fikir saya perlu melakukan MCVE terlebih dahulu. Dengan cara ini saya menyedari bahawa masalahnya bukan pada fon, tetapi dengan javascript windowForm().at(0) saya dipanggil dalam const yang sama.

Saya tidak pasti mengapa lagi, tetapi apabila saya memisahkan mereka, tiada kesilapan. Saya akan mengedit siaran ini setelah saya mengetahui lebih lanjut. Terima kasih kepada Mike.