Entwicklungsumgebung

MacOS : Mojave/10.14.6 node : v10.15.3 react-native-cli : 2.0.1 react-native : 0.60.4 npm : 6.4.1

Zielperson

Personen, denen es gelungen ist, iOS mit React-Native zu starten, die jedoch Probleme beim Starten von Android haben.

Dann fang an !!!!!

① Installieren Sie JDK 8

Geben Sie zunächst das Java ein, das zum Ausführen von Android erforderlich ist.

• Hinweis: Die Java-Version ist nicht die neueste, es wird 8 verwendet! (Weil der Besitzer mit anderen Versionen nicht gut arbeiten kann.)

• Ich möchte von Oracle herunterladen, daher muss ich ein Konto erstellen.

• Sobald Ihr Konto vollständig ist, installieren Sie Java 8 anhand des folgenden Artikels.

Verfahren zum Installieren von Oracle Java 8 (JDK) unter macOS

--Überprüfen Sie nach Abschluss der Installation, ob Java 8 im Terminal oder in iTerms installiert ist!

java -version
//OK, wenn Sie Folgendes bestätigen können!
java version "1.8.0_221"

② Durchfahren!

Wenn Sie ein Anfänger sind, haben Sie das Gefühl, "Ich weiß nicht, was ein Pass ist" oder "Ich muss das nicht tun", aber es ist wirklich wichtig, also tun Sie es bitte! (Dieses Mal werde ich nur erklären, wie es geht)

• Achtung: Dieses Mal werde ich es den Leuten für Bash erklären (Anfänger sind dies normalerweise, also zögern Sie nicht, diese Warnung zu ignorieren)! (Leute, die zsh benutzen, brauchen keinen Kommentar)

--Öffnen Sie das Terminal, iTerm und bereiten Sie vor

--Verwenden Sie vim zum Bearbeiten auf dem Terminal.

//Kopieren
vi ~/.bash_profile

Dann sehen Sie den Bildschirm unten.

• Sie können den Cursor mit den Pfeilen auf der Tastatur bewegen. Gehen Sie also zu einer leeren Zeile und bearbeiten Sie sie.

//Weil es nicht so bearbeitet werden kann, wie es ist,Drücken Sie "i" → Es kann bearbeitet werden.
//Kopieren wir den folgenden. Nicht nur Java, sondern auch der Pfad von Android Sdk, der später verwendet werden soll.
export JAVA_HOME=`/usr/libexec/java_home -v 1.8`
export PATH=/usr/local:$PATH:$NODEBREW_HOME/bin:$ANDROID_HOME:$ANDROID_NDK_HOME:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools
export ANDROID_HOME=$HOME/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/tools/bin
export PATH=$PATH:$ANDROID_HOME/platform-tools

――Wenn Sie kopieren und einfügen können, drücken Sie die Esc-Taste, um den bearbeiteten Status abzubrechen und den bearbeiteten Inhalt zu speichern.

//Ich möchte den bearbeiteten Inhalt speichern und die Bearbeitung von vim beenden. Geben Sie daher den folgenden Befehl auf dem aktuellen Bildschirm ein.
//Hinweis:Stellen Sie sicher, dass Sie dies tun, nachdem Sie die Esc-Taste gedrückt haben!
:wq

source ~/.bash_profile

• Ich möchte die Änderungen in der Einstellungsdatei widerspiegeln, also führen Sie den folgenden Befehl im Terminal aus. → Damit ist die Pfadeinstellung abgeschlossen! ③ Herunterladen und Installieren von Android Studio - Lassen Sie uns Download Android Studio von der offiziellen Website herunterladen! - Installieren Sie es, wenn der Download abgeschlossen ist. Sie werden aufgefordert, einen Installationstyp auszuwählen. Wählen Sie daher "Benutzerdefiniert". android sdk android sdk platform performance (intel ® haxm) android virtual device Nachdem Sie bestätigt haben, dass diese vier aktiviert sind, klicken Sie zum Installieren auf "Weiter".

--Wenn die Installation abgeschlossen ist, wird der folgende Bildschirm angezeigt. (Wenn es nicht herauskommt, starten wir Android Studio!)

--Installieren Sie die erforderlichen Dateien wie SDK.

• Starten Sie am unteren Rand des Startbildschirms Configure-> SDK Manager und installieren Sie SDK Platforms → Android 6.0 (Marshmallow). Bitte überprüfen Sie den gleichen Ort gemäß dem Bildschirm unten.

• Klicken Sie abschließend auf "Übernehmen", um das SDK herunterzuladen und zu installieren und Tools zu erstellen.

-Nächste, wir werden eine AVD erstellen! Bitte fahren Sie gemäß dem Bild fort.

⑤ Führen Sie abschließend den Emulator aus

In React-Native kann iOS die Anwendung mit CLI starten, ohne den Simulator (Emulator) zu starten.

Terminal.

react-native run-ios

** Android kann die App nicht starten, ohne vorher den Emulator zu starten! ** **. ↑ Hier ist der Punkt !!!! </ font> Nach dem Start des Emulators möchte ich die App starten.

--Starten Sie den Emulator

• Starten Sie die App

//Starten Sie den Server
npm start

//Starten Sie die App auf Android
react-native run-android

• Hinweis: Das Terminal, das den Server startet, und das Terminal, das die App startet, sind getrennt. [Empfohlene Methode] Sie können es aufteilen, indem Sie auf dem Terminal `` `cmd + D``` ausführen. Gehen Sie also entweder in das Projektverzeichnis, einer startet den Server, der andere startet die App. ..

Referenzartikel

https://qiita.com/EBIHARA_kenji/items/2f6938c4fda7cecbeb19 https://qiita.com/takaishota/items/4db36a806a257582fa1f https://qiita.com/tekoneko1997/items/ab1254e4472802514190#android-studio%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB https://qiita.com/ponnjinnka/items/006b632a0b56369451b9

Wenn Sie Fragen haben, hinterlassen Sie bitte einen Kommentar und stellen Sie eine Frage ~ ~ ~

Recommended Posts

Aufbau einer Android-Umgebung, die selbst Affen verstehen können [React Native]

Aufbau einer JSP + Eclipse + Jetty-Entwicklungsumgebung, die selbst Java-Anfänger ausführen können

Scala impliziert, dass sogar Java-Shops verstehen können

Grundlagen von jQuery, die selbst Freeter verstehen können

"Vererbung", die auch Anfänger der Objektorientierung verstehen können

Polymorphismus, den auch Anfänger der Objektorientierung verstehen können

Erklären Sie "objektorientiert", das selbst Grundschüler auf Stufe 5 verstehen können

ReactNative Android Bridge Kommentar

Rails & React & Webpacker & MySQL Environment Konstruktionshandbuch