Перейти к содержанию

Настройка пакета NPM Native Modules

Native Module и Native Components — это наши стабильные технологии, используемые в унаследованной архитектуре. Они будут устаревшими в будущем, когда новая архитектура станет стабильной. Новая архитектура использует Turbo Native Module и Fabric Native Components для достижения аналогичных результатов.

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

Для создания базовой структуры проекта для нативного модуля мы воспользуемся инструментом сообщества под названием create-react-native-library. Вы можете пойти дальше и углубиться в работу этой библиотеки, но для наших нужд мы выполним только базовый сценарий:

1
npx create-react-native-library@latest react-native-awesome-module

Где react-native-awesome-module — имя, которое вы хотите дать новому модулю. После этого перейдите в папку react-native-awesome-module и загрузите проект примера, выполнив:

1
yarn

Когда загрузка будет завершена, вы сможете запустить пример приложения, выполнив одну из следующих команд:

1
2
3
4
# Android app
yarn example android
# iOS app
yarn example ios

Когда все шаги будут выполнены, вы сможете продолжить работу с руководствами Android Native Modules или iOS Native Modules для добавления кода.

Для менее категоричной настройки посмотрите на сторонний инструмент create-react-native-module.

Комментарии