Gemeinsame Komponenten zwischen zwei nativen Anwendungen reagieren

Question

Ich habe eine vorhandene native Anwendung mit bestimmten benutzerdefinierten Komponenten, die ich gemacht habe. Jetzt versuche ich, eine neue Anwendung zu erstellen und einige dieser Komponenten zu verwenden, so dass es nicht nötig ist, bei Änderungen zu kopieren oder einzufügen. Lassen Sie uns diese Anwendungen app1 und app2 nennen.

Hier ist, was ich versucht:

1. die Strukturdatei zu halten app1 => src, node_modules, ios, etc

app2 => src, node_modules, ios usw.

shared_folder => com ponenten, node_modules

, die nicht, weil die shared_folder benötigt node_modules reagieren zu importieren arbeiten haben, reagieren native, beschwerte usw. Npm aller doppelten Knotenmodule an es war auf der Suche

1. Dann habe ich versucht, die Struktur

app_folder => node_modules, app1, app2, shared_folder

Das hat nicht funktioniert, denn wenn npm start gestartet wurde, wusste es nicht, nach welcher index.ios.js gesucht werden sollte. Außerdem klagte xcode sowohl für app1- als auch app2-Projekte darüber, bestimmte react-Dateien zu finden.

Meine Frage ist, was ist der beste Weg, diese beiden Anwendungen zu strukturieren, damit ich bestimmte Komponenten zwischen ihnen teilen kann?

Answer 1

nicht sicher, ich verstehe Ihr genaues Szenario, aber in der Regel gemeinsame Komponenten, die sinnvoll für mehr als ein Projekt sollte in ihrem eigenen Modul gehen (Sie könnten private Bereich NPM-Pakete erstellen). vorausgesetzt, es gibt eine Logik, die sie zusammen gruppiert

Answer 2

Hier ist a link, die eine Antwort auf Ihre Frage sein kann.

In src Ordner finden Sie 3 verschiedene Projekte: reagieren nativ, Expo und Web (reagieren). Es gibt auch einen Ordner namens shared, der gemeinsame Funktionen und gebräuchliche reaktive native Module speichert. Es gibt ein Modul namens Sample, das in der Ausstellung verwendet wird und das native Projekt rea- giert, um zu zeigen, wie gängige reaktive native Module aus der freigegebenen Assembly importiert werden können.

Wenn Sie das Projekt herunterladen erinnern

yarn 

in der Hauptroute Verzeichnis und das gleiche gilt für jedes Projektverzeichnis laufen. Wenn Sie Expo-Projekt ausführen möchten müssen Sie die Expo Projektverzeichnis gehen und verwenden Sie den Befehl

yarn run android 

Wenn Sie möchten, dass Sie rn Projekt ausführen müssen, um das rn Projektverzeichnis gehen und verwenden Sie den Befehl

react-native run-android