« React Native » n'est pas une application native. Le programme écrit par « React Native » est compilé par Android Studio avant de devenir une application native ; le modèle de développement de l'application native est écrit en utilisant la syntaxe jsx de React, et « React Native » l'est. mobile multiplateforme Le cadre de développement d'applications est un dérivé du précédent framework JS open source de Facebook, React, sur la plate-forme d'application mobile native. Il prend en charge les deux principales plates-formes iOS et Android.
L'environnement d'exploitation de ce tutoriel : système Windows 10, version React 17.0.1, ordinateur Dell G3.
Le programme écrit par React Native devient une application native après avoir été compilé par Android Studio. Son mode de développement est écrit en utilisant la syntaxe jsx de React, notamment comme l'écriture du front-end, l'écriture de la structure de la page/l'écriture de js/l'écriture d'une syntaxe similaire au CSS mais pas au CSS. , ceux-ci peuvent être restitués en composants de page écrits.
React Native (RN en abrégé) est un framework de développement d'applications mobiles multiplateforme open source par Facebook en avril 2015. Il s'agit d'un dérivé du précédent framework JS open source de Facebook, React sur la plateforme d'applications mobiles natives. Il prend en charge les deux principales plates-formes de. iOS et Android. RN utilise le langage Javascript, JSX similaire au HTML et CSS pour développer des applications mobiles, de sorte que les techniciens familiarisés avec le développement Web front-end peuvent entrer dans le domaine du développement d'applications mobiles avec très peu d'apprentissage.
Élargissez vos connaissances :
JSX est un format qui combine Javascript et XML. React a inventé JSX, en utilisant la syntaxe HTML pour créer un DOM virtuel. Lorsque < est rencontré, JSX est analysé comme HTML, et lorsque { est rencontré, il est analysé comme JavaScript.
Le programme écrit par React Native devient une application native après avoir été compilé par Android Studio. Son mode de développement est écrit en utilisant la syntaxe jsx de React, notamment comme l'écriture du front-end, l'écriture de la structure de la page/l'écriture de js/l'écriture d'une syntaxe similaire au CSS mais pas au CSS. , ceux-ci peuvent être restitués en composants de page écrits.
React native joue également avec les composants. Dans l'environnement node et npm, vous pouvez créer un projet React Native. Ses dépendances proviennent également de node_modules. packge.json est également une liste d'installations de plug-ins. React Native est un programme natif et ne nécessite pas l'utilisation de web pack. Mais la configuration des environnements jdk et andoird et le téléchargement des ressources associées/l'utilisation des outils d'intégration associés sont indispensables.
La structure de base et la syntaxe de React Native
index.js
app.js
//En général, ce qui est écrit dans app.js sont des routes de niveau supérieur. Ici, vous pouvez créer une conception de routage de niveau supérieur. Ce fichier app.js est défini dans index.html. Ce composant sera donc rendu au début, suivi de l'introduction et de l'utilisation de chaque sous-composant. Chaque composant introduit d'abord des ressources de réaction, ou introduit ses propres composants. Chaque composant est chargé via une classe d'exportation par défaut, cette classe a. constructeurs, fonctions membres et fonctions de rendu. Il existe également un objet StyleSheet dans la ressource native de réaction. Cet objet est spécialement utilisé pour écrire des styles de composants.
Il y a un état dans le constructeur. Cet état est appelé état et est utilisé pour manipuler l'état du composant. Ici, les attributs d'état sont définis dans l'état et de nombreuses opérations flexibles peuvent être effectuées via les attributs d'état. Les fonctions membres peuvent opérer sur ces propriétés d'état définies dans le constructeur. La fonction de rendu est render Dans cette fonction, vous pouvez référencer le composant de la ressource importée et écrire un composant plus grand. C’est ainsi qu’un composant natif à réaction grossière accomplit son activité. Le code peut être écrit selon vos propres besoins et la syntaxe des documents officiels.