React Native: Пользовательский модуль NativeModule для Android не определен на земле Javascript...?

Через документы: 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();
  }
}

Может кто-нибудь, пожалуйста, помогите мне найти ошибку в коде, или, возможно, что отсутствует, и, таким образом, сделать модуль функциональным? Как всегда, любое направление и / или точка отсчета с благодарностью!

0 ответов

Другие вопросы по тегам