内容へ移動
猫型iPS細胞研究所
ユーザ用ツール
ログイン
サイト用ツール
検索
ツール
文書の表示
以前のリビジョン
バックリンク
最近の変更
メディアマネージャー
サイトマップ
ログイン
>
最近の変更
メディアマネージャー
サイトマップ
現在位置:
INDEX
»
reactnative
»
native module
トレース:
reactnative:native_module
この文書は読取専用です。文書のソースを閲覧することは可能ですが、変更はできません。もし変更したい場合は管理者に連絡してください。
====== native module ====== react-nativeでAndroidのAPIを使う [[https://qiita.com/uryyyyyyy/items/664bafdc852d3699f577|react-nativeでAndroidのAPIを扱う(Native Modules編)]] [[https://facebook.github.io/react-native/docs/native-modules-android|Native Modules]] [[https://github.com/voximplant/react-native-foreground-service|voximplant/react-native-foreground-service]] ===== 1.ReactContextBaseJavaModuleを継承したクラスを作る ===== * getNameをオーバーライドする。JSコードの中でNativeモジュールを呼ぶ時の識別子となる。 * getConstantsをオーバーライドすると、パラメーターを渡すことができる。 * @ReactMethodアノテーションをつけてメソッドを定義するとJSから呼び出せる。 ===== 2.ReactPackageを継承したクラスを作る ===== * createNativeModulesをオーバーライドして、1で作成したクラスを登録する。 ===== 3.MainApplicationに組み込み ===== * getPackagesに2で作成したパッケージクラスを登録する。 ===== 4.JS側にラッパークラスを用意する ===== <code> import {NativeModules} from 'react-native'; export default NativeModules.[1.のgetName]; </code> ===== 5.JSから呼び出す ===== ===== その他.Android側でログの出力 ===== <code> import android.util.Log; Log.i("INFO", "processing service"); </code>
reactnative/native_module.txt
· 最終更新: 2019/04/30 11:55 by
ips
ページ用ツール
文書の表示
以前のリビジョン
バックリンク
文書の先頭へ