2

ドキュメント経由: 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();
  }
}

誰かがコード内のエラーを見つけるのを手伝ってくれますか、または不足しているものを見つけてモジュールを機能させることができますか? いつものように、どんな方向性や参照点も大歓迎です!

4

0 に答える 0