Wie implementiert man React-native Bridging auf Android und was sind die spezifischen Schritte?

Dieser Artikel stellt hauptsächlich die detaillierte Erklärung der nativen Android-Entwicklung mit React-native vor. Jetzt teile ich ihn mit Ihnen und gebe Ihnen eine Referenz.

Auf dem langen Weg der RN-Entwicklung wird man früher oder später mit der nativen Entwicklung von Android in Berührung kommen. Der Autor wird die Höhen und Tiefen vorstellen. Für einen Anfänger, der Android nicht versteht Am Anfang ist es etwas schwierig. Die Sprache muss verstanden werden, und das Prinzip ist das gleiche Ich muss die Navigationsfunktion von Amap integrieren, aber wir haben keine gute gefunden. Schreiben Sie einfach den nativen Code und rufen Sie dann mit JS das native Navigationsmodul auf das Modul

Die Bedeutung besteht darin, die Klasse bei RN zu registrieren. Sie können JS verwenden, um

public class AnExampleReactPackage implements ReactPackage {
  @Override
  public List<ViewManager> createViewManagers(ReactApplicationContext reactContext) {
    return Collections.emptyList();
  }
  @Override
  public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) {
    List<NativeModule> modules = new ArrayList<>();

    modules.add(new NaviActivity(reactContext));
    return modules;
  }
}

aufzurufen, wobei module.add(new NaviActivity(reactContext)); die Bedeutung ist Fügen Sie ein natives Android-Aktivitätsmodul hinzu

Dieses Modul kann die Lösung definieren und RN kann direkt aufrufen (@ReactMethod muss in der Methode deklariert werden)

@ReactMethod
  public void showFengMap(String mapID){
    Activity currentActivity = getCurrentActivity();
    Intent intent = new Intent(currentActivity, 页面名.class);
    currentActivity.startActivity(intent);
  }

Deklaration

rrree

JS, um den nativen Code aufzurufen

@Override
  protected List<ReactPackage> getPackages() {
   return Arrays.<ReactPackage>asList(
     new MainReactPackage(),
      new AnExampleReactPackage()
   );
  }

import { NativeModules } from 'react-native';

export default NativeModules.NaviActivity;

Amap-Navigation integrieren

Das direkt gezogene .jar-Sprachpaket kann nicht importiert werden

Die Lösung besteht darin, mit der rechten Maustaste auf das .jar-Paket zu klicken und auf die Option zum Importieren von .jar zu klicken.

Verwandte Artikel:

So verwenden Sie das Babel-Installations- und Konfigurations-Tutorial

So konfigurieren Sie die Babel-Konfigurationsdatei in vue-cli

Verwenden Sie node.js, um Douyins automatische Funktion zum Greifen roter Umschläge zu implementieren

Das obige ist der detaillierte Inhalt vonWie implementiert man React-native Bridging auf Android und was sind die spezifischen Schritte?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!