React Native ist ein leistungsstarkes Tool zur Entwicklung mobiler Apps, mit dem Sie Apps für iOS und Android mit JavaScript und React erstellen können. Standardmäßig unterstützt React Native jedoch nur iOS unter Mac OS. Es gibt jedoch eine Möglichkeit, React Native für iOS unter Windows zu installieren und zu konfigurieren.
In diesem Artikel werden wir uns mit der Installation und Konfiguration von React Native für iOS unter Windows befassen. Um zu beginnen, müssen Sie eine Reihe von Tools wie Node installieren.js, Watchman und Python 2. Dann können wir React Native und alle erforderlichen Abhängigkeiten zum Erstellen von iOS-Apps installieren und konfigurieren.
Nachdem wir alle erforderlichen Komponenten installiert haben, können wir ein neues React Native-Projekt für iOS erstellen und es auf einem Emulator oder einem physischen Gerät ausführen. Während des Anpassungsprozesses müssen Sie auch Xcode und Android Studio installieren und konfigurieren, um Anwendungen auf verschiedenen Plattformen erstellen und testen zu können.
Installieren und Konfigurieren von React Native unter Windows
Schritt 1: Installieren Sie den Node.js
Der erste Schritt besteht darin, den Node zu installieren.js, das die Grundlage für die Entwicklung mit React Native ist. Sie können das Installationsprogramm von der offiziellen Node-Website herunterladen.js und führen Sie es aus. Nach der Installation können Sie node und npm über die Befehlszeile verwenden.
Schritt 2: JDK installieren
Für die Entwicklung auf React Native benötigen Sie das Java Development Kit (JDK). Sie können das JDK von der offiziellen Oracle-Website herunterladen und installieren. Stellen Sie sicher, dass das JDK korrekt installiert und konfiguriert ist und Sie den Java- und Javac-Befehl über die Befehlszeile ausführen können.
Schritt 3: Installieren von Android Studio
Um Android-Apps mit React Native zu entwickeln, benötigen Sie Android Studio. Sie können Android Studio von der offiziellen Google-Website herunterladen und installieren. Installieren Sie Android Studio, indem Sie den Anweisungen auf der Website folgen.
Schritt 4: Installieren von Python 2
React Native erfordert die Verwendung von Python 2, daher müssen Sie Python 2 installieren.x-Version. Sie können das Installationsprogramm von der offiziellen Python-Website herunterladen und ausführen.
Schritt 5: Installieren der React Native CLI
Um die React Native CLI zu installieren, öffnen Sie eine Eingabeaufforderung, und führen Sie den folgenden Befehl aus:
| npm install -g react-native-cli |
Schritt 6: Erstellen eines neuen Projekts
Sie können ein neues React Native-Projekt erstellen, indem Sie zu dem Ordner navigieren, in dem Sie das Projekt erstellen möchten, und den folgenden Befehl ausführen:
| react-native init MyApp |
Hier ist "MyApp" der Name Ihres neuen Projekts. Dieser Befehl erstellt einen neuen Ordner mit dem Namen "MyApp" und konfiguriert das Framework der React Native-Anwendung darin.
Schritt 7: Starten der Anwendung
Navigieren Sie zu Ihrem Projektordner und starten Sie die Anwendung, indem Sie den folgenden Befehl ausführen:
| react-native run-android |
| react-native run-ios |
Diese Befehle führen Ihre Anwendung auf einem Emulator oder einem angeschlossenen Gerät aus. Je nachdem, auf welcher Plattform Sie die App ausführen möchten, können Sie Android oder iOS auswählen.
Das ist alles! Sie haben React Native erfolgreich unter Windows installiert und konfiguriert. Jetzt können Sie mit diesem leistungsstarken Tool mit der Entwicklung plattformübergreifender mobiler Apps beginnen.
Anforderungen für die Installation
Um React Native für iOS unter Windows zu installieren, müssen einige Anforderungen erfüllt sein.
- Betriebssystem Windows 10
- Die neueste Version von Node ist installiert.js
- Python 2.7 installiert
- JDK 8 installiert
- Installierte IDE für die Entwicklung (z. B. Visual Studio Code)
- Der über die Befehlszeile installierte Befehl Chocolatey
- Android Studio mit installiertem SDK und Android-Emulator
- Registrierter Account auf der Apple Developer Website
Die Konfiguration und Installation jeder dieser Komponenten wird in den folgenden Abschnitten des Artikels ausführlich beschrieben.
Installieren von Node.js und NPM
Um Node zu installieren.js und NPM auf Ihrem Computer befolgen Sie diese Schritte:
| 1. | Gehen Sie zur offiziellen Website von Node.js unter https://nodejs.org /. |
| 2. | Wählen Sie die Node-Version aus.die js, die Sie installieren möchten. Es wird empfohlen, die neueste stabile Version auszuwählen. |
| 3. | Laden Sie die Installationsdatei für Ihr Betriebssystem (Windows) herunter und führen Sie sie aus. |
| 4. | Befolgen Sie die Anweisungen des Installationsprogramms und übernehmen Sie die Standardwerte. |
| 5. | Nachdem die Installation abgeschlossen ist, öffnen Sie die Eingabeaufforderung (Command Prompt) und geben Sie den Befehl node -v ein. Wenn Sie die Node-Version erfolgreich installiert haben.js, dann wird Ihnen ihre Nummer angezeigt. |
| 6. | Geben Sie in ähnlicher Weise den Befehl npm -v ein, um sicherzustellen, dass auch NPM (Node Package Manager) installiert ist. |
Nach erfolgreicher Node-Installation.js und NPM, Sie sind bereit, React Native für iOS unter Windows zu installieren und zu konfigurieren.
Installieren von JDK und Android Studio
Um Anwendungen mit React Native unter Windows zu entwickeln, müssen Sie das Java Development Kit (JDK) und Android Studio installieren.
Schritte zum Installieren von JDK unter Windows:
- Laden Sie das JDK-Installationsprogramm von der offiziellen Oracle-Website herunter (https://www .oracle.com/java/technologies/javase-jdk11-downloads.html).
- Führen Sie das Installationsprogramm aus und folgen Sie den Installationsanweisungen.
- Stellen Sie nach Abschluss der Installation sicher, dass die Umgebungsvariable JAVA_HOME gesetzt ist und auf den Stammordner des JDK verweist.
- Fügen Sie der Umgebungsvariablen Path den Pfad zum JDK-Ordner hinzu.
Schritte zum Installieren von Android Studio unter Windows:
- Laden Sie das Android Studio-Installationsprogramm von der offiziellen Website herunter (https://developer.android.com/studio ).
- Führen Sie das Installationsprogramm aus und folgen Sie den Installationsanweisungen.
- Wählen Sie während der Installation die zu installierenden Komponenten aus, einschließlich des Android SDK und des Android Virtual Device.
- Sobald die Installation abgeschlossen ist, starten Sie Android Studio und führen Sie die Ersteinrichtung durch.
- Stellen Sie sicher, dass die Umgebungsvariablen ANDROID_HOME und ANDROID_SDK_ROOT gesetzt sind und auf den Ordner verweisen, in dem das Android SDK installiert ist.
Nach der Installation von JDK und Android Studio sind Sie bereit, React Native Apps für iOS unter Windows zu entwickeln.
Installieren von React Native und Erstellen des ersten Projekts
Bevor Sie mit React Native unter Windows arbeiten, müssen Sie ein bestimmtes Toolset installieren. In diesem Abschnitt werden wir uns mit der Installation und Konfiguration von React Native und dem Erstellen des ersten Projekts befassen.
Schritt 1: Installieren Sie den Node.js und JDK
Um mit React Native arbeiten zu können, müssen Sie die JavaScript - Node-Laufzeitumgebung installieren.js. Sie können das Node-Installationsprogramm herunterladen.js von der offiziellen Website (https://nodejs.org ) und folgen Sie den Installationsanweisungen.
Außerdem müssen Sie das JDK (Java Development Kit) installieren, um mit React Native unter Windows arbeiten zu können. Das JDK kann von der Oracle-Website heruntergeladen werden (https://www.oracle.com/java/technologies/javase-jdk11-downloads .html) und entsprechend den Anweisungen installieren.
Schritt 2: Installieren von React Native CLI und Android Studio
Führen Sie zum Installieren der React Native CLI den folgenden Befehl an einer Eingabeaufforderung aus:
npm install -g react-native-cli
Nachdem Sie die CLI installiert haben, müssen Sie Android Studio installieren, um mit Android-Emulatoren zu arbeiten und Android-Apps zu entwickeln. Android Studio kann von der offiziellen Website heruntergeladen werden (https://developer.android.com/studio ) und entsprechend den Anweisungen installieren.
Schritt 3: Erstellen eines neuen Projekts
Nachdem Sie alle erforderlichen Tools erfolgreich installiert haben, können Sie mit der Erstellung eines neuen React Native-Projekts beginnen. Führen Sie dazu den folgenden Befehl aus:
npx react-native init MyApp
wobei "MyApp" der Name Ihres Projekts ist.
Anmerkung: Wenn Sie ein Projekt nur für iOS erstellen möchten, geben Sie die Option --template react-native-template-typescript an, um TypeScript als Projektvorlage zu verwenden.
Nachdem Sie den Befehl ausgeführt haben, wird das native React-Projekt im Ordner "MyApp" erstellt. Sie können mit dem Befehl cd MyApp zum erstellten Ordner navigieren.
Schritt 4: Starten Sie das Projekt
Führen Sie den folgenden Befehl aus, um das React Native-Projekt auszuführen:
npx react-native run-android
Dieser Befehl installiert die Abhängigkeiten des Projekts und startet den Android-Emulator. Wenn alles erfolgreich war, sollten Sie die React Native App auf dem Emulator sehen.
Herzlichen Glückwunsch! Sie haben React Native erfolgreich installiert und Ihr erstes Projekt erstellt. Jetzt können Sie mit der Entwicklung Ihrer mobilen App mit React Native beginnen.
