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

Скачать шрифт Google

Во-первых, вам необходимо скачать желаемые шрифты из google fonts.

Добавить шрифты в папку приложения

Затем создайте fonts папку в папке src / assets и вставьте в нее загруженные файлы шрифтов.

Экспорт шрифтов

Теперь создайте файл с именем react-native.config.js в корне вашего приложения и добавьте путь к папке шрифтов, как это

module.exports = {
   assets: ['./src/assets/fonts'],
};

Свяжите ресурсы с проектом

После добавления этого запустите команду ссылки в папке проекта.

npx react-native link

Команда Link добавит файлы шрифтов в папку с ресурсами в папке Android вашего приложения и в файл info.plist в папке iOS.

Добавить ресурсы в цель

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

Перейдите к желаемой цели вашего приложения в Xcode, выберите вкладку Build Phases и добавьте файлы шрифтов на вкладке «Копировать ресурсы пакета», как показано ниже.

Готово! 🎉 🎊

Вы можете поделиться своими мыслями в комментариях