React-native 自定义 fonts - 本地字体不起作用？

Question

好的，我复制了https://reactnative.dev/docs/text的示例：

import { StatusBar } from 'expo-status-bar';
import { StyleSheet, Text, View } from 'react-native';
import { useFonts } from '@use-expo/font';
import { AppLoading } from 'expo';

export default props => {
  let [fontsLoaded] = useFonts({
    'Inter-SemiBoldItalic': 'https://rsms.me/inter/font-files/Inter-SemiBoldItalic.otf?v=3.12',
        'SequelSansBlackDisp' : require('./assets/fonts/SequelSansBlackDisp.ttf'),
  });
  if (!fontsLoaded) {
    return <AppLoading />;
  } else {
    return (
      <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
        <Text style={{ fontFamily: 'Inter-SemiBoldItalic', fontSize: 28 }}>Inter SemiBoldItalic</Text>
        <Text>Platform Default</Text>
      </View>
    );
  }
};

并让我的 fonts 排列如下：

当我删除 SequelSansBlackDisp 字体并只使用 Inter-SemiBold 时，一切正常。 但是，我的本地字体使应用程序在加载时卡住并给出错误：

如何加载我的自定义字体？ （我也希望这在我部署到设备时也能正常工作）