Ausführliche Erklärung der nativen Android-Entwicklung mit React-native

In diesem Artikel wird hauptsächlich die detaillierte Erklärung der nativen Android-Entwicklung mit React-Native vorgestellt. Der Herausgeber findet ihn recht gut, daher werde ich ihn jetzt mit Ihnen teilen und als Referenz verwenden. Folgen wir dem Herausgeber und schauen wir uns das an. Ich hoffe, es kann allen helfen.

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 es nicht versteht Android, es ist nur der Anfang, aber am Anfang ist alles schwierig. Die Sprache ist klar und die Prinzipien sind die gleichen von Amap muss während des Entwicklungsprozesses integriert werden. Wenn Sie kein gutes Rad gefunden haben, schreiben Sie einfach nativen Code und rufen Sie dann das native Navigationsmodul auf.

Registrieren Sie zuerst das Modul 🎜>

Die Bedeutung besteht darin, die Klasse zu verwenden. Erst nach der Registrierung bei RN können Sie mit JS

aufrufen, darunter module.add( new NaviActivity(reactContext)); bedeutet das Hinzufügen eines nativen Android-Aktivitätsmoduls

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

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;
  }
}

Hat der Autor es verstanden? Springen Sie zu anderen Seiten, und Sie können hier auch einige andere Vorgänge ausführen, zum Beispiel direkt

teilen und

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

in der Hauptanwendung der Android-App,

Fügen Sie den gerade registrierten Paketnamen hinzu

JS ruft nativen Code auf

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

Der Autor hat hier eine Untils/CommonAndroidUntils.js geschrieben und diese js-Datei direkt eingeführt

import { NativeModules } from 'react-native';

export default NativeModules.NaviActivity;

auf der Seite, die verwendet werden muss, um den Sprung zu erreichen

Amap-Navigation integrieren

CommonAndroidUntils.show();

Für einen Anfänger ist es ein Es ist zunächst etwas schwierig, die Amap-Karte direkt in Android Studio zu integrieren. Beschreiben Sie kurz die aufgetretenen Probleme, erinnern Sie sich daran und helfen Sie anderen.

Das .jar-Sprachpaket wurde direkt gezogen kann nicht importiert werden

Die Lösung besteht darin, mit der rechten Maustaste auf das .jar-Paket zu klicken. Klicken Sie auf die Option zum Importieren von .jar und warten Sie auf die Synchronisierung Dies kann anhand der Demo und der Dokumentation leicht gelöst werden.

Verwandte Empfehlungen:

React-Native, globale Bibliothek für mehrsprachige Umschalttools, React-Native- i18n detaillierte Erklärung

Detaillierte Erklärung der Verwendung von Requisiten in React-Native

Einführung in die Bildsteuerung in React-native

Das obige ist der detaillierte Inhalt vonAusführliche Erklärung der nativen Android-Entwicklung mit React-native. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!