Изменить шрифт элемента «Текст» в реагирующем?

Question

Я пытаюсь изменить шрифт моего заголовка на пользовательский шрифт, который я скачал, но он не работает. Я заменяю его на любой другой, он тоже не работает.

Реактивная версия:

"react-native": "0.55.3"

Часть тела:

<Text style={styles.title}>My App!</Text>

Css Part:

title:{
    color: 'white',
    fontSize: 36,
    fontWeight: 'bold',
    marginBottom: '30%',
    fontFamily: 'MMA Champ',
}

Файлы шрифтов в Android /../ fonts /

$ ls android/app/src/main/assets/fonts/
Entypo.ttf       Ionicons.ttf       Octicons.ttf         Zocial.ttf
EvilIcons.ttf    MaterialIcons.ttf  Roboto.ttf
FontAwesome.ttf  mmachamp.otf       Roboto_medium.ttf
Foundation.ttf   mmachamp.ttf       SimpleLineIcons.ttf

Answer 1

Но вы можете использовать пользовательские шрифты, Проверьте этот пост на Medium о том, как использовать собственный шрифт. Знание того, как использовать, пригодится когда-нибудь, например, когда вы получите работу в компании, у которой есть собственный нестандартный шрифт .ttf file

Answer 2

Я понял это позже. Я не должен был использовать fontWeight с пользовательскими шрифтами.

Когда я добавляю fontWeight: 'bold', он ищет MMA champ-bold.ttf в файловой системе.

Отдельное спасибо @roach_iam в React Native Training Slack. , который помог мне решить эту проблему.