"react nativo" no es una aplicación nativa. El programa escrito por "react nativo" es compilado por Android Studio antes de que se convierta en una aplicación nativa. El modelo de desarrollo de la aplicación nativa se escribe utilizando la sintaxis jsx de reacción, y "react nativo" sí lo es. móvil multiplataforma El marco de desarrollo de aplicaciones es un derivado del marco JS de código abierto anterior de Facebook, React, en la plataforma de aplicaciones móviles nativa. Es compatible con las dos plataformas principales, iOS y Android.
El entorno operativo de este tutorial: sistema Windows 10, versión de reacción 17.0.1, computadora Dell G3.
El programa escrito por reaccionar nativo se convierte en una aplicación nativa después de ser compilado por Android Studio. Su modo de desarrollo se escribe usando la sintaxis jsx de reaccionar, especialmente como escribir la interfaz, escribir la estructura de la página/escribir js/escribir una sintaxis similar a css pero no css. , estos se pueden representar en componentes de página escrita.
React Native (RN para abreviar) es un marco de desarrollo de aplicaciones móviles multiplataforma de código abierto de Facebook en abril de 2015. Es un derivado del marco JS de código abierto anterior de Facebook, React, en la plataforma de aplicaciones móviles nativas. iOS y Android. RN utiliza lenguaje Javascript, JSX similar a HTML y CSS para desarrollar aplicaciones móviles, por lo que los técnicos que están familiarizados con el desarrollo web front-end pueden ingresar al campo del desarrollo de aplicaciones móviles con muy poco aprendizaje.
Amplíe sus conocimientos:
JSX es un formato que combina Javascript y XML. React inventó JSX y utilizó la sintaxis HTML para crear un DOM virtual. Cuando se encuentra <, JSX se analiza como HTML, y cuando se encuentra {, se analiza como JavaScript.
El programa escrito por reaccionar nativo se convierte en una aplicación nativa después de ser compilado por Android Studio. Su modo de desarrollo se escribe usando la sintaxis jsx de reaccionar, especialmente como escribir la interfaz, escribir la estructura de la página/escribir js/escribir una sintaxis similar a css pero no css. , estos se pueden representar en componentes de página escrita.
React nativo también juega con componentes en el entorno de nodo y npm, puede crear un proyecto nativo de reacción. Sus dependencias también provienen de node_modules.json también es una lista de instalaciones de complementos. reaccionar nativo es un programa nativo y no requiere el uso de paquete web. Pero la configuración de entornos jdk y andoird y la descarga de recursos relacionados/el uso de herramientas de integración relacionadas son indispensables.
La estructura básica y la sintaxis de reaccionar nativo.
index.js
aplicación.js
// Generalmente, lo que está escrito en app.js son rutas de nivel superior. Aquí puede crear un diseño de enrutamiento de nivel superior. Este app.js está configurado en index.html. Por lo tanto, este componente se representará al principio, seguido de la introducción y uso de cada subcomponente. Cada componente primero introduce recursos de reacción, o introduce sus propios componentes a través de una clase de exportación predeterminada. constructores, funciones miembro y funciones de representación. También hay un objeto StyleSheet en el recurso nativo de reacción. Este objeto se usa especialmente para escribir estilos de componentes.
Hay un estado en el constructor. Este estado se llama estado y se utiliza para manipular el estado del componente. Aquí, los atributos de estado se establecen en el estado y se pueden realizar muchas operaciones flexibles a través de los atributos de estado. Las funciones miembro pueden operar en estas propiedades de estado establecidas en el constructor. La función de renderizado es render. En esta función, puede hacer referencia al componente del recurso importado y escribir un componente más grande. Así es como un componente nativo de reacción aproximada completa su negocio. El código se puede escribir según sus propias necesidades y la sintaxis de los documentos oficiales.