ホームページ  >  記事  >  ウェブフロントエンド  >  React-nativeによるAndroidネイティブ開発について詳しく解説

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

小云云
小云云オリジナル
2018-01-17 17:03:131513ブラウズ

この記事では、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 &#39;react-native&#39;;

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。