Я настроил и добавил набор шрифтов в /assest/fonts/, создал react-neative.config.js и связал их соответствующим образом.
Я могу вызвать пользовательский шрифт в своих стилях, но не смог инициализировать для него глобальные настройки.
Попытка сделать это через компонент, например
import React from 'react';
import { Text } from 'react-native';
export default props => <Text {...props} style = {[{ fontFamily: 'Roboto-Regular' }, props.style]}>{props.children}</Text>
Затем импортируйте это либо через App.js, либо через компонент страницы и т. д., вызвав CustomFont. Однако это не отображает шрифт (я придерживаюсь стандартного стиля ОС или любого другого стиля, примененного для этого конкретного элемента). Есть идеи?
Я думаю, что проблема здесь в том, что вы изменили порядок в объекте стиля. Вы должны назначить стилю все свойства props.style
, а затем применить к ним свой собственный шрифт.
import React from 'react';
import { Text } from 'react-native';
export default props => <Text {...props} style = {{...props.style, fontFamily: 'Roboto-Regular'}}>{props.children}</Text>
Исправьте активы на активы.
module.exports = {
assets: ['./assets/fonts']
}