Установите шрифт по умолчанию глобально в проекте React Native

Я настроил и добавил набор шрифтов в /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. Однако это не отображает шрифт (я придерживаюсь стандартного стиля ОС или любого другого стиля, примененного для этого конкретного элемента). Есть идеи?

Умерло ли Create-React-App?
Умерло ли Create-React-App?
В этом документальном фильме React.dev мы исследуем, мертв ли Create React App (CRA) и какое будущее ждет этот популярный фреймворк React.
Освоение React Native: Пошаговое руководство для начинающих
Освоение React Native: Пошаговое руководство для начинающих
React Native - это популярный фреймворк с открытым исходным кодом, используемый для разработки мобильных приложений. Он был разработан компанией...
В чем разница между react native и react ?
В чем разница между react native и react ?
React и React Native - два популярных фреймворка для создания пользовательских интерфейсов, но они предназначены для разных платформ. React - это...
От React к React Native: Руководство для начинающих по разработке мобильных приложений с использованием React
От React к React Native: Руководство для начинающих по разработке мобильных приложений с использованием React
Если вы уже умеете работать с React, создание мобильных приложений для iOS и Android - это новое приключение, в котором вы сможете применить свои...
Хуки React: что это такое и как их использовать
Хуки React: что это такое и как их использовать
Хуки React - это мощная функция библиотеки React, которая позволяет разработчикам использовать состояние и другие возможности React без написания...
2
0
1 864
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Я думаю, что проблема здесь в том, что вы изменили порядок в объекте стиля. Вы должны назначить стилю все свойства 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']
}

Другие вопросы по теме