React Native est-il une application native ?

« React Native » n'est pas une application native. Le programme écrit par « React Native » devient une application native après avoir été compilé par Android Studio ; le modèle de développement de l'application native est écrit en utilisant la syntaxe jsx de React, et « React Native » est une application multiplateforme. Le cadre de développement d'applications mobiles de plate-forme est un dérivé du précédent framework JS open source de Facebook, React, sur la plate-forme d'applications mobiles native. Il prend en charge les deux principales plates-formes iOS et Android.

L'environnement d'exploitation de ce tutoriel : système Windows 10, React version 17.0.1, ordinateur Dell G3.

react native n'est pas une application native

Le programme écrit par React Native devient une application native après avoir été compilé par le studio Android Son mode de développement est écrit en utilisant la syntaxe jsx de React, notamment comme l'écriture du front-end, l'écriture du. structure de page/écriture js/écriture une syntaxe similaire à css mais pas css, qui peut être restituée dans les 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. plateformes 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 frontal Web peuvent entrer dans le domaine du développement d'applications mobiles avec très peu d'apprentissage.

Développer les 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

Le programme écrit par React Native devient une application native après avoir été compilé par le studio Android. 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 de type CSS. Mais au lieu de CSS, ceux-ci peuvent être restitués sous forme de 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

//Généralement, ce qui est écrit dans app.js sont des itinéraires de haut niveau Ici, vous pouvez créer un top niveau. Conception de routage au niveau. Ce 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 faire fonctionner 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.

【Recommandations associées : tutoriel vidéo javascript, front-end web】

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!