„react native“ ist keine native App. Das von „react native“ geschriebene Programm wird von Android Studio kompiliert, bevor es zu einer nativen App wird. Das Entwicklungsmodell der nativen App wird mit der jsx-Syntax von „react“ geschrieben Plattformübergreifendes mobiles Anwendungsentwicklungs-Framework ist eine Ableitung des früheren Open-Source-JS-Frameworks React auf der nativen mobilen Anwendungsplattform. Es unterstützt die beiden Hauptplattformen iOS und Android.
Die Betriebsumgebung dieses Tutorials: Windows 10-System, Reaktionsversion 17.0.1, Dell G3-Computer.
Das von React Native geschriebene Programm wird nach der Kompilierung durch Android Studio zu einer nativen App. Sein Entwicklungsmodus wird mit der jsx-Syntax von React geschrieben, insbesondere wie das Schreiben des Frontends, das Schreiben der Seitenstruktur/das Schreiben von js/das Schreiben einer Syntax ähnlich wie CSS, aber nicht CSS , diese können in geschriebene Seitenkomponenten gerendert werden.
React Native (kurz RN) ist ein plattformübergreifendes Framework für die Entwicklung mobiler Anwendungen, das im April 2015 von Facebook als Open-Source-Lösung bereitgestellt wurde. Es ist eine Ableitung von Facebooks früherem Open-Source-JS-Framework React auf der nativen Plattform für mobile Anwendungen iOS und Android. RN verwendet Javascript-Sprache, JSX ähnlich wie HTML und CSS, um mobile Anwendungen zu entwickeln, sodass Techniker, die mit der Web-Front-End-Entwicklung vertraut sind, mit sehr wenig Lernaufwand in den Bereich der Entwicklung mobiler Anwendungen einsteigen können.
Erweitern Sie Ihr Wissen:
JSX ist ein Format, das Javascript und XML kombiniert. React hat JSX erfunden und mithilfe der HTML-Syntax ein virtuelles DOM erstellt. Wenn < angetroffen wird, wird JSX als HTML analysiert, und wenn { angetroffen wird, wird es als JavaScript analysiert.
Das von React Native geschriebene Programm wird nach der Kompilierung durch Android Studio zu einer nativen App. Sein Entwicklungsmodus wird mit der jsx-Syntax von React geschrieben, insbesondere wie das Schreiben des Frontends, das Schreiben der Seitenstruktur/das Schreiben von js/das Schreiben einer Syntax ähnlich wie CSS, aber nicht CSS , diese können in geschriebene Seitenkomponenten gerendert werden.
React Native spielt auch mit Komponenten. In der Node- und NPM-Umgebung können Sie auch ein React Native-Projekt erstellen. Seine Abhängigkeiten stammen ebenfalls von node_modules. React Native ist ein natives Programm und erfordert nicht die Verwendung eines Webpacks. Aber die Konfiguration von JDK- und Andoird-Umgebungen und das Herunterladen zugehöriger Ressourcen/die Verwendung zugehöriger Integrationstools sind unverzichtbar.
Die Grundstruktur und Syntax von React Native
index.js
app.js
// Im Allgemeinen handelt es sich bei den in app.js geschriebenen Routen um Top-Level-Routen. Diese app.js werden in index.html festgelegt. Diese Komponente wird also zu Beginn gerendert, gefolgt von der Einführung und Verwendung jeder Unterkomponente. Jede Komponente führt zuerst Reaktionsressourcen ein oder führt ihre eigenen Komponenten ein. Jede Komponente wird über eine Standardexportklasse geladen Konstruktoren, Memberfunktionen und Renderingfunktionen. Es gibt auch ein StyleSheet-Objekt in der nativen Ressource React. Dieses Objekt wird speziell zum Schreiben von Komponentenstilen verwendet.
Es gibt einen Zustand im Konstruktor. Dieser Zustand wird als Zustand bezeichnet und wird verwendet, um den Zustand der Komponente zu manipulieren. Hier werden die Statusattribute im Status festgelegt und viele flexible Vorgänge können über die Statusattribute ausgeführt werden. Mitgliedsfunktionen können mit diesen im Konstruktor festgelegten Zustandseigenschaften arbeiten. Die Rendering-Funktion lautet render. In dieser Funktion können Sie auf die Komponente der importierten Ressource verweisen und eine größere Komponente schreiben. Auf diese Weise vervollständigt eine grob reagierende native Komponente ihr Geschäft. Code kann entsprechend Ihren eigenen Anforderungen und der Syntax offizieller Dokumente geschrieben werden.