Добавить пользовательские шрифты в приложение 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
и добавьте файлы шрифтов на вкладке «Копировать ресурсы пакета», как показано ниже.
Готово! 🎉 🎊
Вы можете поделиться своими мыслями в комментариях