Configuración del paquete NPM para módulos nativos
Esta página fue traducida por PageTurner AI (beta). No está respaldada oficialmente por el proyecto. ¿Encontraste un error? Reportar problema →
Esta página fue traducida por PageTurner AI (beta). No está respaldada oficialmente por el proyecto. ¿Encontraste un error? Reportar problema →
Native Module y Native Components son nuestras tecnologías estables utilizadas por la arquitectura heredada. Serán desaprobadas en el futuro cuando la Nueva Arquitectura sea estable. La Nueva Arquitectura utiliza Turbo Native Module y Fabric Native Components para lograr resultados similares.
Los módulos nativos normalmente se distribuyen como paquetes npm, con la particularidad de que además del JavaScript habitual incluyen código nativo específico para cada plataforma. Para comprender mejor los paquetes npm, te puede resultar útil esta guía.
Para configurar la estructura básica del proyecto de un módulo nativo, utilizaremos la herramienta comunitaria llamada create-react-native-library. Puedes profundizar más en el funcionamiento de esta biblioteca, pero para nuestros propósitos solo ejecutaremos el script básico:
npx create-react-native-library@latest react-native-awesome-module
Donde react-native-awesome-module es el nombre que desees para el nuevo módulo. Tras hacer esto, accederás a la carpeta react-native-awesome-module e inicializarás el proyecto de ejemplo ejecutando:
yarn
Cuando termine la inicialización, podrás iniciar la aplicación de ejemplo ejecutando uno de los siguientes comandos:
# Android app
yarn example android
# iOS app
yarn example ios
Una vez completados todos los pasos anteriores, podrás continuar con las guías de Módulos nativos de Android o Módulos nativos de iOS para añadir código.