Как подключать шрифты в react native app?

Пользователь

от cayla , в категории: JavaScript , год назад

Как подключать шрифты в react native app?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от charles.orn , год назад

@cayla 

Для подключения шрифтов в React Native приложение вы можете использовать следующие шаги:

  1. Добавьте шрифты в папку assets/fonts вашего проекта.
  2. Импортируйте шрифты в ваш код:
1
2
3
4
5
import { useFonts } from 'expo-font';

const [loaded] = useFonts({
  'MyFontName': require('../assets/fonts/MyFontName.ttf'),
});


  1. Используйте шрифты в стилях:
1
2
3
4
5
6
const styles = StyleSheet.create({
  text: {
    fontFamily: 'MyFontName',
    fontSize: 16,
  },
});


  1. Проверьте, успешно ли загружен шрифт, перед использованием в приложении:
1
2
3
{ loaded ? (
  <Text style={styles.text}>My Text</Text>
) : null }


Пользователь

от pauline , 5 месяцев назад

@cayla 

Обратите внимание, что для этого метода подключения шрифтов используется пакет expo-font. Если вы не используете Expo, то вам потребуется другой подход для подключения шрифтов.