Пользовательские шрифты React-native - локальный шрифт не работает? - PullRequest
Новая
       62

Пользовательские шрифты React-native - локальный шрифт не работает?

0 голосов
/ 08 июля 2020

Хорошо, я скопировал пример на 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>
    );
  }
};

И расположил мои шрифты следующим образом:

enter image description here

When I delete the SequelSansBlackDisp font and just have the Inter-SemiBold, all works fine. My local font, however, gets the app stuck on loading and gives the error: введите описание изображения здесь

Как я могу загрузить свой собственный шрифт? (Я бы хотел, чтобы это сработало и при развертывании на устройстве)

...