ドキュメント経由: https://facebook.github.io/react-native/docs/native-modules-android.html
メソッドを呼び出して NativeModule にアクセスして使用すると、見つからない...
'use strict';
import {NativeModules, DeviceEventEmitter} from 'react-native'
const MessengerModule = NativeModules.MessengerModule
const Messenger = {};
Messenger.show = (message, duration) => {
console.log(NativeModules.MessengerModule) //undefined
MessengerModule.show(message, duration);
};
module.exports = Messenger
undefined
ログに記録されました...素敵な小さなエラーとともに:
ReactNativeJS: undefined is not an object (evaluating 'MessengerModule.show')
明らかに、私が探していた結果とはまったく異なります。
Java モジュール:
package com.app.firebase;
import android.widget.Toast;
import com.facebook.react.bridge.NativeModule;
import com.facebook.react.bridge.ReactApplicationContext;
import com.facebook.react.bridge.ReactContext;
import com.facebook.react.bridge.ReactContextBaseJavaModule;
import com.facebook.react.bridge.ReactMethod;
import java.util.Map;
public class MessengerModule extends ReactContextBaseJavaModule {
private static final String DURATION_SHORT_KEY = "SHORT";
private static final String DURATION_LONG_KEY = "LONG";
public MessengerModule(ReactApplicationContext reactContext) {
super(reactContext);
}
@Override
public String getName() {
return "MessengerModule";
}
@ReactMethod
public void show(String message, int duration) {
Toast.makeText(getReactApplicationContext(), message, duration).show();
}
}
Java パッケージ:
package com.app.firebase;
import com.facebook.react.ReactPackage;
import com.facebook.react.bridge.JavaScriptModule;
import com.facebook.react.bridge.NativeModule;
import com.facebook.react.bridge.ReactApplicationContext;
import com.facebook.react.uimanager.ViewManager;
import java.util.ArrayList;
import java.util.Collections;
import java.util.List;
public class MessengerPackage implements ReactPackage {
@Override
public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) {
List<NativeModule> modules = new ArrayList<>();
modules.add(new MessengerModule(reactContext));
return modules;
}
@Override
public List<Class<? extends JavaScriptModule>> createJSModules() {
return Collections.emptyList();
}
@Override
public List<ViewManager> createViewManagers(ReactApplicationContext reactContext) {
return Collections.emptyList();
}
}
誰かがコード内のエラーを見つけるのを手伝ってくれますか、または不足しているものを見つけてモジュールを機能させることができますか? いつものように、どんな方向性や参照点も大歓迎です!