反应原生Android实现自定义本机模块时出错

Question

我正在尝试在android中开发本机模块以反应原生。 完全按照链接进行 https://facebook.github.io/react-native/docs/native-modules-android.html#content

但它给了我错误

<div id="modal1" class="modal" data-show role="dialog">

我已经实现了Toa​​stAndroid.js

/ReactNativeJS: undefined is not an object (evaluating '_ToastAndroid2.default.show')

然后在其他Jsfiles尝试使用

导入

'use strict';
/**
 * This exposes the native ToastAndroid module as a JS module. This has a
 * function 'show' which takes the following parameters:
 *
 * 1. String message: A string with the text to toast
 * 2. int duration: The duration of the toast. May be ToastAndroid.SHORT or
 *    ToastAndroid.LONG
 */
import { NativeModules } from 'react-native';
module.exports = NativeModules.ToastAndroid;

Answer 1

更改Module＆＃34; ToastAndroid＆＃34;的名称因为ToastAndroid模块已经在react-native包中。

Answer 2

您导入错误。 ToastAndroid.js顾名思义将模块导出到文件import {ToastAndroid} from './ToastAndroid';可以拥有的多个导出中的一个。它被称为名为export 。

因此，正确导入将为import ToastAndroid from './ToastAndroid';

如果您想使用export default NativeModules.ToastAndroid;

你应该写{{1}}

有关详细信息，请参阅此related answer。