Как добавить собственные шрифты в реагировать на нативную версию 0.61.5

Question

Как вы, возможно, знаете, реагируйте на родную> = '60.0' поддерживает автоматическое связывание. Существует множество учебных пособий по добавлению пользовательских шрифтов, но большинство методов устарели и сбивают с толку, все они по-прежнему используют react native link

Интересно, как я могу добавить пользовательские шрифты в последней версииact native (0.61.5), которые работают на ios и android?

Мой react-native.config.js такой:

  commands: [...ios.commands, ...android.commands],
  platforms: {
    ios: {
      linkConfig: ios.linkConfig,
      projectConfig: ios.projectConfig,
      dependencyConfig: ios.dependencyConfig,
    },
    android: {
      linkConfig: android.linkConfig,
      projectConfig: android.projectConfig,
      dependencyConfig: android.dependencyConfig,
    },
  },
  /**
   * Used when running RNTester (with React Native from source)
   */
  reactNativePath: '.',
  project: {
    ios: {
      project: './RNTester/RNTesterPods.xcworkspace',
    },
    android: {
      sourceDir: './RNTester',
    },
  },
};

Answer 1

вы все еще можете запустить реакцию на нативную ссылку:)

Вот нить, которой вы можете следовать для этой конкретной проблемы - https://github.com/facebook/react-native/issues/25852

Шаги, которые кажутся принимаются

1. Создайте папку в root приложении как: assets
2. fonts папку в активах и поместите шрифты в эту папку
3. make файл в root: react-native-config.js (у вас уже есть это). Добавьте ссылку на активы в этом файле.

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

run npx react-native link

использовать шрифт как style={{ fontFamily: "name of font" }}

Answer 2

Сначала добавьте путь к шрифту в r npm в пакете. json, затем запустите реакционную ссылку, затем добавьте шрифты в Android папки Asset