„React Native“ ist keine native App, nachdem es von Android Studio kompiliert wurde. Das Entwicklungsmodell der Native App wird mit der jsx-Syntax von React geschrieben. ist eine plattformübergreifende Anwendung. Das Plattform-Framework für die Entwicklung mobiler Anwendungen ist eine Ableitung des früheren Open-Source-JS-Frameworks React auf der nativen Plattform für mobile Anwendungen. Es unterstützt die beiden Hauptplattformen iOS und Android.
Die Betriebsumgebung dieses Tutorials: Windows 10-System, Reaktionsversion 17.0.1, Dell G3-Computer.
React Native ist keine native App
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 Front-Ends Seitenstruktur/JS schreiben/Schreiben Sie eine Syntax ähnlich wie CSS, aber nicht CSS, die in die geschriebenen Seitenkomponenten gerendert werden kann.
React Native (kurz RN) ist ein plattformübergreifendes Framework für die Entwicklung mobiler Anwendungen, das im April 2015 von Facebook als Open Source bereitgestellt wurde. Es ist eine Ableitung des früheren Open-Source-JS-Frameworks React auf der nativen Plattform für mobile Anwendungen. Es unterstützt die beiden Hauptanwendungen Plattformen von 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.
Wissen erweitern:
JSX ist ein Format, das Javascript und XML kombiniert. React hat JSX erfunden und mithilfe der HTML-Syntax ein virtuelles DOM erstellt. Wenn 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 CSS-ähnlichen Syntax Anstelle von CSS können diese in geschriebene Seitenkomponenten gerendert werden.
React Native spielt auch mit Komponenten in der Node- und NPM-Umgebung. Seine Abhängigkeiten stammen auch 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 -Ebenen-Routing-Design. Diese app.js ist 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 Status im Konstruktor. Dieser Status wird als Status bezeichnet und wird zum Betreiben des Komponentenstatus verwendet. 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.
【Verwandte Empfehlungen:
Javascript-Video-Tutorial, Web-Frontend】
Das obige ist der detaillierte Inhalt vonIst React Native eine native App?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
