从本机模块传递字符串以响应本机

Question

我为 android 创建了一个原生模块（使用 kotlin 语言）

class TestModule(reactContext: ReactApplicationContext) : ReactContextBaseJavaModule(reactContext) {
    override fun getName(): String {
        return "TestModule"
    }

    @ReactMethod
    fun testing(): String{
        return "my modules"
    }

}

然后我在 ModulesPackages 中注册了这个模块，并按照https://facebook.github.io/react-native/docs/native-modules-android.html 的说明将其添加到 MainApplication.tk

在 App.js 中

import {NativeModules} from 'react-native'
const TestingModule = NativeModules.TestModule;
type Props = {};
export default class App extends Component<Props> {
  render() {

    alert(TestingModule.testing());

    return (
      <View style={styles.container}>
        <Text style={styles.instructions}> test</Text>
      </View>

    );
  }
}

运行此程序后，我希望收到带有文本“我的模块”的警报，但我收到了带有文本“未定义”的警报

我不知道我做错了什么。我运行 react-native run-android 时没有看到任何错误或抱怨。

任何建议我做错了什么？

Answer 1

native 模块和 js 模块之间的通信，你应该调用回调，承诺或使用事件。在您的情况下，testing 函数可能会更改为

import com.facebook.react.bridge.Callback;

...

@ReactMethod
fun testing(callback: Callback): Void{
    callback.invoke("my modules")
}

编辑

在这种情况下，你应该在 js 文件中传递一个回调：

testCallback = (name) => {
    console.log(name);
}

componentDidMount() {
    TestingModule.testing(this.testCallback);
}