React-nativeによるAndroidネイティブ開発について詳しく解説

この記事では、React-native ブリッジング Android ネイティブ開発についての詳細な説明を主に紹介していますが、編集者が非常に優れていると考えたので、参考として共有します。編集者をフォローして見てみましょう。皆さんのお役に立てれば幸いです。

RN 開発の長い旅の中で、遅かれ早かれ Android のネイティブ開発に触れなければならないことになります。Android を理解していない初心者にとって、それは少し難しいことです。最初は難しいですが、それはすべて最初は言語を理解する必要があり、原則は同じです

開発プロセス中に、Amap のナビゲーション機能を統合する必要があります。適切なホイールが見つからない場合は、ネイティブ コードを記述してから JS を使用してネイティブ ナビゲーション モジュールを呼び出すだけです

まずモジュールを登録します

その前にクラスを RN に登録する必要があります。 JS を使用して呼び出します

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

where modules.add(new NaviActivity(reactContext)); 意味は Android ネイティブ アクティビティ モジュールを追加することです

このモジュールはプランを定義でき、RN はそれを直接呼び出すことができます (@ReactMethod)メソッドで宣言する必要があります)

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

ここで他の操作を行うこともできます。たとえば、Android アプリの MainApplication で

ステートメント

を直接共有することもできます。 ,

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

先ほど登録したパッケージ名

JSを追加してネイティブコードを呼び出します

import { NativeModules } from 'react-native';

export default NativeModules.NaviActivity;

作者はここにuntils/CommonAndroidUntils.jsを書き、このjsファイルをページ内に直接導入しました。ジャンプを達成するには

CommonAndroidUntils.show();

を使用する必要があります。

Amapナビゲーションを統合

初心者にとって、AmapをAndroid Studioに直接統合するのは最初は少し難しかったですが、それを理解した後は、自分自身を思い出させ、他の人を助けるために、遭遇した問題を簡単に説明しましょう

直接ドラッグされた .jar 音声パッケージはインポートできません

解決策は、.jar パッケージを右クリックし、オプションをクリックすることです。 .jar をインポートし、同期を待ちます。

残りは、デモとドキュメントに基づいて簡単に解決できる小さな問題です。

関連する推奨事項:

React-Native グローバル多言語切り替えツール ライブラリReact-native-i18nの詳しい説明

React-Nativeでのpropsの使い方の詳しい説明

React-nativeのImageコントロールの紹介

以上がReact-nativeによるAndroidネイティブ開発について詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。