После того, как React Native 60 добавил пользовательские шрифты, изменились. Следуйте этому короткому руководству, чтобы просто добавить пользовательские шрифты в свое приложение.
React Native CLI можно настроить, создав react-native.config.js
в корне проекта. Набор допустимых свойств зависит от типа пакета. Чтобы добавить пользовательские шрифты, нам нужно добавить только одну строку кода: assets: [‘./assets/fonts/’]
Затем добавьте свои шрифты в каталог ./assets/fonts/.
И используйте вот так: fontFamily: ‘Roboto-Regular’
Примечание. Если вы пользователь Mac и создаете приложение для ios с помощью xcode, и эти шаги вам не подходят, вы можете связать шрифты вручную:
Вам необходимо перейти на этапы сборки приложения и добавить шрифты, нажав значок плюса в разделе Копировать ресурсы пакета.
Затем откройте info.plist и добавьте такие названия шрифтов:
‹Key› UIAppFonts ‹/key›
‹String› gpbMtavruliBold.otf ‹/string›
‹String› gpbMtavruliRegular.ttf ‹/string›
‹String› gpbNusxuriRegular.ttf ‹/string›
Вот и все: у нас есть собственные шрифты в нашем приложении React Native :)
Если статья понравилась, не забудьте похлопать и поделиться ею :)