können die nativen Teile eines reaktiven nativen Pakets eigenständig ausgeführt und entwickelt werden?

Question

Cross-Plattform-react-native Pakete haben nativen Android-Code, nativen iOS-Code und Javascript-Code, der sie in die JavaScript-Welt überbrückt.

Vermutlich wenn Sie an den nativen Teilen eines solchen Pakets arbeiten, würden Sie diese in ihre jeweiligen IDEs (Android-Studio und Xcode) importieren und die UI-Entwicklung in der IDE durchführen.

Wenn ich reaction-native Pakete als Ganzes betrachte oder die nativen Teile in ihre jeweiligen IDEs importiere, scheinen diese nativen Teile nicht eigenständig lauffähig zu sein ... zumindest nicht als eigenständige Android- oder iOS-Anwendung.

Meine Frage ist, wie können Sie die nativen IDEs verwenden, um den nativen Teil eines reaktiv-nativen Pakets zu importieren/zu erstellen/auszuführen/debuggen? Müssten Sie in der Regel weiterhin den reaktiven nativen Server und den Rest-javscript-Überbrückungscode verwenden?

Das spezifische Paket, das ich versuche, nativen Teil zu ändern, ist react-native-datetime. Ich hoffe, dass ich in der Lage bin, den Android-Teil in android-studio zu importieren und herauszufinden, wie man einen der Picker ausführt und modifiziert.

Answer 1

Wenn Sie ein statisches Bundle Ihrer js-Dateien zur Verwendung in Ihrer App erstellen, können Sie die App ausführen, ohne den js-Server laufen lassen zu müssen. Dann sollten Sie in der Lage sein, den nativen Code mit Ihrem Editor/IDE zu bearbeiten, indem Sie den Ordner android in Ihrem Projektverzeichnis (für Android) verwenden.

Um eine Offline-Paket für Android zu erstellen:

react-native bundle --platform android --dev false --entry-file index.android.js \ --bundle-output android/app/src/main/assets/index.android.bundle \ --assets-dest android/app/src/main/res/

Dieses statische Bündel index.android.bundle für Ihren JavaScript-Code unter android/app/src/main/assets/

Eine einfachere Art und Weise

curl "http://localhost:8081/index.android.bundle?platform=android" -o "android/app/src/main/assets/index.android.bundle" 

zu tun wäre, schaffen sollte

aus dem Build-Verzeichnis.

Answer 2

Reagieren Native Projekte haben in ihrem Stammverzeichnis zwei weitere Verzeichnisse: android und ios, die das Android (Sie können es mit Android Studio wie jedes andere Android-Projekt öffnen) bzw. die XCode iOS-Projekte haben.

Ich würde sagen, dass der React Packager geöffnet sein muss, damit die App die JS-Dateien abrufen kann. Ich habe gerade versucht, es zu schließen und die App auf XCode allein laufen zu lassen, und es öffnete den Verpacker vorher auf einem Terminalfenster.

Mein Vorschlag ist: Erstellen Sie ein leeres Projekt, importieren Sie das react-native-datetime Paket, verwenden Sie es auf dem Hauptbildschirm und spielen Sie nativ mit Android Studio oder XCode, wenn das eine Option ist.