这是我如何加载字体：

const [IsReady, SetIsReady] = useState(false);

const LoadFonts = async () => {
 await useFonts();
};

if (!IsReady) {
 return (
  <AppLoading
    startAsync={LoadFonts}
    onFinish={() => SetIsReady(true)}
    onError={() => {}}
  />
 );
}

有用，但我有个按钮：

export const StartButton = ({
    style = {},
    textStyle = {},
    size = 125,
    ...props
    }) => {

    return (
     <TouchableOpacity
      style={[styles(size).radius, style]}
      onPress={props.onPress}
      >
       <Text style={[styles(size).text, textStyle]}>{props.title}</Text>
     </TouchableOpacity>
    );
    };

    const styles = (size) =>
     StyleSheet.create({
     radius: {
      borderRadius: size / 2,
      width: size,
      height: size,
      alignItems: "center",
      justifyContent: "center",
      borderColor: "#FFFFFF",
      borderWidth: 1,
      fontFamily: "nevrada",
      backgroundColor: "#252250AA ",
     },
     text: { color: "#FFFFFF", fontSize: size / 5 },
     });

App.js组件

<StartButton size={100} title="START" fontFamily="Heavitas" />`

下面是我的useFonts.js文件：

import * as Font from "expo-font";

    export default useFonts = async () =>
    await Font.loadAsync({
    Heavitas: require("./../assets/fonts/Heavitas.ttf"),
    nevrada: require("./../assets/fonts/nevrada.ttf"),
    gazebo: require("./../assets/fonts/gazebo.otf"),
});

自定义字体在按钮上不起作用。其他地方都是。
各种装载技术均未对按钮起作用。