Importieren von react-native Projekt in android Studio

Ich habe ein kleines Problem mit dem Öffnen/Importieren einer Reaktion native in Android Studio.Importieren von react-native Projekt in android Studio

Wenn ich das Projekt mit dem Öffnen eines Projektdialogs öffne, sagt es mir, dass das Projekt nicht groß genug ist und es so schwer ist, Codeänderungen vorzunehmen und zu testen. Konnte nicht herausfinden, wie man das Projekt als Grapple-Projekt nachträglich aktiviert, auch nachdem man das Material auf der Hilfeseite durchgegangen ist.
Auf der anderen Seite, wenn ich importiere mit dem Import ein grdle Projekt-Dialog und wählen Sie die build.gradle Datei, das Projekt wird importiert, aber ich sehe nur die Dateien im Android-Verzeichnis anstelle des Haupt-Projektverzeichnisses. Aber diese Methode ermöglicht es mir, Änderungen einfach auf den Emulator zu übertragen.

Wie kann ich mein Problem beheben?

Danke,

Quelle

2016-07-26 Gavin Ang

Was zu aktivieren Ordner haben Sie ausgewählt, das Projekt zu öffnen mit Android-Studio? Es sollte der "android" Ordner sein. –

Ja, ich habe den Android-Ordner verwendet. Ich kann alles innerhalb des Android-Ordners in der IDE sehen. Für react-native sieht es jedoch so aus, als müssten die js-Hauptdateien außerhalb des android-Ordners in einem separaten Ordner liegen, da dieser zwischen den iOS- und Android-Versionen geteilt wird. Daher würde ich gerne in der Lage sein, die js-Dateien zu bearbeiten, aber da der Ordner außerhalb des Android-Ordners ist, kann ich ihn nicht sehen. Ich muss einen separaten Editor wie Sublime verwenden, um zu den js-Dateien zu gelangen. Dies ist nicht ideal, da ich ständig von Android Studio zu Sublime wechseln muss –

Importieren Sie einfach android Verzeichnis von Android Studio, Änderungen an Ihrer app/build.gradle diese Codes hinzufügen, bevor von anwenden:“../ .. /node_modules/react-native/react.gradle "

project.ext.react = [ 
     bundleAssetName: "index.android.bundle", 
     entryFile: "index.android.js", 
     bundleInDebug: false, 
     bundleInRelease: true, 
     root: "../../", 
     jsBundleDirDebug: "$buildDir/intermediates/assets/debug", 
     jsBundleDirRelease: "$buildDir/intermediates/assets/release", 
     resourcesDirDebug: "$buildDir/intermediates/res/merged/debug", 
     resourcesDirRelease: "$buildDir/intermediates/res/merged/release", 
     inputExcludes: ["android/", "ios/"], 
     nodeExecutableAndArgs: ["node"], 
     extraPackagerArgs: [] 
]

Jetzt Aufgabe erstellen für" reagieren-native st Kunst“, um Ihre gradle

task startReactNative(type: Exec) { 
    workingDir "../../" 
    commandLine 'cmd', '/c', 'react-native', 'start' 
    println "Working Directory for React is: $workingDir" 
    standardOutput = new ByteArrayOutputStream() 
    ext.output = { 
     println "React-Native Output: " + standardOutput.toString() 
     return standardOutput.toString() 
    } 
}

Sie Ihre App wie gewohnt ausführen können, nachdem App auf Ihrem Gerät installiert ist, führen startReactNative Aufgabe, um Hot Reload

Quelle

2017-01-12 13:55:12

Importieren von react-native Projekt in android Studio

Antwort

Verwandte Themen