Ändern wir nun die Hintergrundfarbe der Schaltfläche und den angezeigten Text, wenn wir die Schaltfläche drücken.
Lassen Sie uns die App mit npm run run-android neu installieren.
Auch nach dem Ändern des Codes und der Neuinstallation unserer Anwendung sieht alles gleich aus.
Obwohl wir Änderungen an unserer clj -Datei vorgenommen haben, haben wir unseren Code noch nicht neu erstellt, um index.android.js zu aktualisieren, die Datei, die tatsächlich vom Bundler geladen wird.
Hier kommt figwheel ins Spiel. Ohne sie müssen Sie die Anwendung jedes Mal manuell neu erstellen und installieren, wenn Sie Änderungen an Ihrem Code vornehmen. Wenn Sie project.clj überprüfen, werden Sie feststellen, dass genau dies im prod -Profil geschieht. Es gibt kein figwheel und jedes Mal, wenn Sie das Projekt erstellen, werden index.android.js und index.ios.js aktualisiert.
lein with-profile prod cljsbuild auto
Dies ist jedoch ein sehr langsamer Feedback-Zyklus während der Entwicklung. Daher haben wir ein separates dev -Profil, das figwheel verwendet. Um figwheel zu verwenden, führen Sie die folgenden Befehle aus (Stellen Sie sicher, dass Ihr Emulator zuvor ausgeführt wird)
1. re-natal use-android-device avd
2. re-natal use-figwheel
3. lein figwheel android
4. npm run run-android
Jetzt können Sie Änderungen an Ihrem Code vornehmen und das Ergebnis in Echtzeit sehen!
Das war’s! Vielen Dank für das Lesen und ich hoffe, Ihnen hat der Artikel gefallen. Lassen Sie uns im nächsten Teil eine Anwendung von Grund auf neu erstellen!
Du kannst mir auch auf Medium und Github folgen. 🙂