我是 React Native 新手,但想知道是否可以从 Java 调用 React Native JavaScript 方法?我有一个利基设备,它有一个物理按钮,我想用它在按下时触发一个方法。
我见过以下插件https://github.com/artemyarulin/react-native-eval但 Android 实现似乎已经过时。
我用 google 搜索了一下,但我能找到的所有示例都是从 React Native 调用 Java 方法的引用,而不是相反。
提前非常感谢。
编辑
我尝试使用下面@ide建议的方法来实现解决方案。这是我迄今为止的尝试:
在我的 MainActivity 中,我有:
private String latestBarcode = "";
...
public String getLastestBarcode() {
return this.latestBarcode;
}
public void setLatestBarcode(String barcode) {
this.latestBarcode = barcode;
}
@Override
public void onBarcodeEvent(final BarcodeReadEvent event) {
runOnUiThread(new Runnable(){
@Override
public void run() {
String barcodeData = event.getBarcodeData();
String tstp = event.getTimestamp();
setLatestBarcode(barcodeData);
Log.d("MainActivity", " TEST - barcodeData "+ barcodeData + " tstp : "+ tstp);
}
});
}
...
当用户按下物理硬件按钮时,此代码从设备获取条形码值。
在我的自定义 React Native 模块中
@ReactMethod
public void latestBarcode(Callback callback) {
final Activity activity = getCurrentActivity();
if(activity != null && activity instanceof MainActivity){
callback.invoke(((MainActivity) activity).getLastestBarcode());
}
else {
callback.invoke("");
}
}
此方法获取该值并将其公开给 React Native。这是可行的,我可以读取该值,但是当用户按下按钮时我需要触发一个方法,所以这是我的 React Native 模块,因为它现在是完整的:
import android.app.Activity;
import android.util.Log;
import com.facebook.react.bridge.NativeModule;
import com.facebook.react.bridge.Callback;
import com.facebook.react.bridge.ReactContextBaseJavaModule;
import com.facebook.react.bridge.ReactApplicationContext;
import com.facebook.react.bridge.ReactContext;
import com.facebook.react.bridge.ReactMethod;
import com.facebook.react.modules.core.DeviceEventManagerModule;
import com.facebook.react.bridge.WritableMap;
import com.facebook.react.bridge.Arguments;
import javax.annotation.Nullable;
// Import MainActivity
import com.myapp.MainActivity;
public class HoneywellCT50Module extends ReactContextBaseJavaModule {
private ReactContext reactContext;
public HoneywellCT50Module(ReactApplicationContext reactContext) {
super(reactContext);
this.reactContext = reactContext;
}
@ReactMethod
public void latestBarcode(Callback callback) {
final Activity activity = getCurrentActivity();
if(activity != null && activity instanceof MainActivity){
WritableMap params = Arguments.createMap(); // <--- Added WritableMap
sendEvent("BarcodeRecieved", params); // <--- Added sendEvent
callback.invoke(((MainActivity) activity).getLastestBarcode());
}
else {
callback.invoke("");
}
}
// Added sendEvent
private void sendEvent(
String eventName,
@Nullable WritableMap params
) {
this.reactContext
.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
.emit(eventName, params);
}
@Override
public String getName() {
return "HoneywellCT50";
}
}
在 React Native 中:
// I import DeviceEventEmitter
import { DeviceEventEmitter } from 'react-native'
componentDidMount () {
// Listen for Honeywell Scans
DeviceEventEmitter.addListener('BarcodeRecieved', this.getBarcodeValue)
}
// I want to trigger this method
getBarcodeValue () {
console.log('Event Received')
// This gets the barcode value, works ok
HoneywellCT50.latestBarcode((value) => {
this.setState({ barcode: value })
})
}
使用上面的代码,我可以构建没有 Java/构建错误的项目,并且我没有看到 JS 错误,但我无法触发该事件。谁能帮我指出正确的方向?
最佳答案
您想要做的是从 Java 发出一个发送到 JavaScript 的事件。您将编写一个自定义 native 模块,从 JavaScript 订阅其事件,然后在 native 代码中发出该事件。请参阅本指南:http://facebook.github.io/react-native/docs/native-modules-android.html#sending-events-to-javascript
关于java - 从 Java React Native 调用 JavaScript 方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41579283/