Родной андроид-шрифтFamily не вступает в силу

Вопрос 1:

Я добавляю fontFamily к приветствующему стилю index.android.js, но это не имеет никакого эффекта. Действительно ли fontFamily работает на android?

Welcome: {fontSize: 20, fontFamily: «roboto-thin», textAlign: 'center', margin: 10}

Вопрос 2:

Если fontFamily работает на android, есть ли способ загрузить пользовательский шрифт из активов? Или это какая-то особенность, которую можно реализовать с помощью реагирования?

Solutions Collecting From Web of "Родной андроид-шрифтFamily не вступает в силу"

Для Android: Пользовательские шрифты были добавлены с 0.16.0-rc. Поэтому сначала вам нужно иметь версию 0.16.0-rc, после чего вы можете просто загрузить любые шрифты из Интернета.

  1. Поместите файлы шрифтов в папку проекта / android / app / src / main / assets / fonts / font_name.ttf
  2. Не забудьте перекомпилировать, что есть: react-native run-android
  3. И тогда вы можете использовать fontFamily: 'font_name' в своем стиле.

Также обратите внимание на следующие ограничения для пользовательских шрифтов Android в native-native:

  • Шрифты должны быть помещены в android/app/src/main/assets/fonts
  • Поддерживаются только файлы .ttf
  • Имя файла fontFamily точно соответствовать fontFamily . Например, если fontFamily является 'Source Sans Pro' , файл должен быть вызван Source Sans Pro.ttf (и NOT SourceSansPro.ttf ). Любые суффиксы, упомянутые в следующем абзаце, автоматически удаляются из файла.
  • Когда шрифт выделен жирным шрифтом и / или курсивом, он должен использовать следующие суффиксы:
    • _bold (например, Source Sans Pro_bold.ttf )
    • _italic
    • _bold_italic

Эта функция еще не реализована. См. Соответствующую проблему в github здесь .

Кажется, что пользовательский шрифт был добавлен, проверьте эту фиксацию:

https://github.com/facebook/react-native/commit/bfeaa6a4f531cfc18c097bc9ffb6a8dbe3ddc702

Я считаю, что следующая более чистая альтернатива уже описанным здесь методам:

Поместите все свои шрифты в вас. Справочник по инициативе проекта

 ./assets/fonts/ 

Добавьте следующую строку в свой пакет package.json

 "rnpm": { "assets": ["./assets/fonts"] } 

Наконец, запустить в терминале из вашего каталога проекта

 $ react-native link 

Использовать его объявить таким образом в ваших стилях

 fontFamily: 'your-font-name without extension' 

Если ваш шрифт Raleway-Bold.ttf ,

 fontFamily: 'Raleway-Bold' 

Источник https://medium.com/@danielskripnik/how-to-add-and-remove-custom-fonts-in-react-native-b2830084b0e4