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.
- Cómo saber que estoy listo para conseguir un trabajo como desarrollador Jr. iOS
- ¿Ha experimentado algún problema extraño con la GUI en iOS 11.0.3, como la barra de búsqueda que permanece visible detrás de los iconos en la pantalla de inicio?
- ¿Hay alguna forma de verificar si mi iPhone tiene alguna aplicación secreta, como si alguien me estuviera espiando, revisando mis llamadas y mensajes sin usar el teléfono?
- Después de 8 años en la industria de desarrollo de software, he terminado con Java. ¿Qué debería aprender a continuación para mantenerme interesado en la programación, Python, Ruby, Go o el desarrollo de aplicaciones iOS?
- Cómo desarrollar una aplicación de lista de tareas para iOS
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:
