React ネイティブ ブリッジング Android を実装する方法とその具体的な手順は何ですか?

亚连
リリース: 2018-06-11 16:29:46
オリジナル
2251 人が閲覧しました

この記事では主に React-native ブリッジング Android ネイティブ開発の詳細な説明を紹介しますので、参考にしてください。

RN 開発の長い旅の中で、遅かれ早かれ Android のネイティブ開発に触れなければならないことになりますが、Android を理解していない初心者にとっては、それは少し難しいことです。最初はすべてですが、言語は明確であり、原則は同じです。開発プロセス中に、Amap のナビゲーション機能を統合する必要があります。適切なホイールを見つけてください。ネイティブ コードを記述してから、JS を使用してネイティブ ナビゲーション モジュールを呼び出すだけです。

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

これは、JS を使用する前にクラスを RN に登録することを意味します。 to call

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;
ログイン後にコピー

作者はここ/CommonAndroidUntils.jsにuntilsを書き、このjsファイルを使用する必要があるページに直接導入します

CommonAndroidUntils.show();
ログイン後にコピー
ジャンプを達成します。

Amap ナビゲーションを統合する

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

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

解決策は、.jar パッケージを右クリックすると、jar によって導入されたオプションをクリックして解決策が表示されます。同期を待ちます

残りはデモとドキュメントに基づいて簡単に解決できるものです

以上が皆さんの役に立つことを願っています。

関連記事:

babelのインストールと設定チュートリアルの使い方

vue-cliでbabel設定ファイルを設定する方法

node.jsを使用してDouyinの自動赤封筒取得機能を実装する

以上がReact ネイティブ ブリッジング Android を実装する方法とその具体的な手順は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート