¿Puedo integrar una aplicación React Native completada en una aplicación iOS existente?

Probablemente haya escuchado sobre React Native, pero si no lo ha hecho, es básicamente un marco que le permite usar React dentro de él, como si fuera la web (con algunas diferencias, obviamente). La clave aquí es que escribes Javascript, usando algunos módulos que reaccionan de forma nativa, y obtienes una aplicación nativa, con componentes del sistema operativo (o creado por ti mismo) y es realmente rápido y funciona con casi el mismo código para Android también.

Lo que encontré es que es difícil pero no imposible de implementar, reaccionar nativo en una aplicación existente, el hecho es que tienes que tener al menos un poco de conocimiento sobre el desarrollo de iOS, en este caso, pero no te preocupes, yo Seguiré una guía paso a paso sobre cómo hacerlo, por simplicidad, comenzaré dos proyectos vacíos: uno es una simple aplicación vacía de iOS en xcode y el otro un ejemplo de hello world sobre el desarrollo de aplicaciones nativas.

Conoce el nombre del proyecto.

En los pasos futuros, nos referiremos al “nombre del proyecto” en los pasos del código, este es el nombre que está registrando el componente principal, se puede encontrar en el archivo index.ios.js encuentra una línea que está llamando El método registerComponent de AppRegistry es el siguiente:

.Instale las herramientas necesarias y configure su proyecto.

No entraré en detalles sobre este, para que pueda usar la pila que desee, pero recuerde instalar node & react-native-cli, porque vamos a crear un nuevo proyecto con eso.

Configurar las bibliotecas requeridas

Nos faltan muchas bibliotecas, si no lo usa, puede eliminar los objetivos de tvOS y las pruebas, no nos preocuparemos por eso aquí. En su nuevo proyecto, cree un nuevo grupo llamado Bibliotecas, diríjase a Buscador y dentro de su proyecto, busque esta ruta node_modules / react-native. El proyecto react-native le dirá qué bibliotecas debe incluir, si selecciona una biblioteca de proyectos, verá a la derecha su ruta relativa y absoluta

Configurar el esquema

En su proyecto nativo, busque la configuración del esquema, presione “Editar esquema” y vaya a la pestaña “Compilar”, primero, desactive la casilla de verificación Construir en paralelo, presione el signo más y busque el proyecto “Reaccionar”, agréguelo. Y asegúrese de que sea el primero en la lista.

Integre su código en un nuevo controlador de vista (Swift)

Primero, debido a que las bibliotecas están hechas con Objective-C pero estamos usando swift, necesitaremos crear un Encabezado de puente, es fácil, crear un archivo falso de Objective-C (los que terminan en .m) y Xcode lo harán pedirle que cree un encabezado de puente, simplemente escriba yes.

Integre su código en un nuevo controlador de vista (Objective-C)

En este caso es más sencillo porque es el mismo lenguaje que react-native se hace, en este caso, bajo AppDelegate.h agregue: Dentro del mismo, vamos a definir una propiedad que contendrá el RootView, por lo tanto, entre @interface y las etiquetas @end ponen esta línea: