react-native - 在React Native中创建android native模块时的"undefined is not a function"

我跟随ReactNative Native Module Guide编写可在JS端使用的java类。导出的方法是类show中的ToastModule(导出为ToastAndroid)。 show方法如下:

public void show(String message, int duration) {
    Toast.makeText(getReactApplicationContext(), message, duration).show();
}

当我从Button onPress处理程序调用ToastAndroid.show时，将显示所有与toast按钮一起预期的工作。

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  View,
  Button,
  NativeModules,
} from 'react-native';

const ToastAndroid = NativeModules.ToastAndroid

export default class App extends Component {

handleBTNPressed(){
  ToastAndroid.show('Awesome', ToastAndroid.SHORT);
}
render() {
  return (
    <View style={styles.container}>
      <Text style={styles.welcome}>
        Welcome to React Native!!
      </Text>
      <Button title='click me' onPress={()=>this.handleBTNPressed()}/>
    </View>
  );
 }
}

但是，当我进一步从

@ReactMethod
public void show(String message, int duration) {
    Toast.makeText(getReactApplicationContext(), message, duration).show();
}

至

@ReactMethod
public void showAgain(String message, int duration) {
    Toast.makeText(getReactApplicationContext(), message, duration).show();
}

我遇到以下错误:“未定义不是函数”



如果我添加新的导出方法，将再次显示此错误，如下所示:

@ReactMethod
public void showAgain2(String message, int duration) {
    String mes = "Hi " + message;
    Toast.makeText(getReactApplicationContext(), message, duration).show();
}

有谁知道我错误地走了哪一步？

编辑=========================

ReactNative中可能已经有一个ToastAndroid，所以我将名称更改为MyToastExample。但是，现在错误变为以下



有人遇到同样的问题吗？

最佳答案

在this step中，检查您是否已导入正确的ToastModule，因为ReactNative也有一个名为ToastModule的类。

检查此行import com.facebook.react.modules.toast.ToastModule;是否存在于*ReactPackage.java中

关于react-native - 在React Native中创建android native模块时的"undefined is not a function"，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/45852251/