Question

React Native的Native Module documentation for Android表示ReadableMap直接映射到Javascript对象。我认为这意味着当我将一个对象从Javascript传递给本机模块时，它可以ReadableMap的形式使用。

如何反向操作，即在本机模块中创建字典（将字符串映射到字符串）并通过callback将其返回到Javascript？

Answer 1

您可以使用WritableMap简单地通过回调传递地图值。

@ReactMethod
public void pass(Callback cb) {
    HashMap<String, String> hm = new HashMap<>();
    hm.put("A", "one");
    hm.put("B", "Two");
    hm.put("C", "Three");
    WritableMap map = new WritableNativeMap();
    for (Map.Entry<String, String> entry : hm.entrySet()) {
        map.putString(entry.getKey(), entry.getValue());
    }
    cb.invoke(map);
}

有关更复杂的数据，请参阅此blog。

Answer 2

对于React Native >=0.62，您可以使用：

import com.facebook.react.bridge.WritableMap;
import com.facebook.react.bridge.Arguments;

@ReactMethod
public void test(Callback callback) {
    WritableMap map = Arguments.createMap();

    map.putString("yourKey", "yourValue");

    callback.invoke(map);
}

要在React Native中调用本机函数，请执行以下操作：

import { NativeModules } from 'react-native';

NativeModules["replaceWithTheModuleName"].test(res => {
  console.log(res);
})

如何将对象从React Native Android模块传回Javascript

2 个答案: