无涯教程网

Reactnative 在 React Native 上为 android 创建自定义 UI 组件，如何向 JS 发送数据

发布于01月12日

我创建用户界面.效果很好.但我不知道如何将数据从Java发送到JS？在react-native 模块中，我可以使用回调并激活这个onClick事件.但在UI中我不知道.

更多关于我需要什么.

用户可以在组件内部进行一些更改.我在java类中看到了这些变化.我需要在JS要求时将这些更改发送给JS.

你知道如何将数据从UI组件发送到JS吗？请给我举个例子.

推荐答案

http://facebook.github.io/react-native/docs/native-components-android.html#events

^这展示了如何在UI组件上触发从Java端到JS端的事件.

但对于"自定义事件"(非预定义的事件，如onLoad、onScroll等)您还需要覆盖getExportedCustomDirectEventTypeConstants.

下面是一个例子，触发gl react native的onGLProgress:

(1) 定义自定义事件映射:https://github.com/ProjectSeptemberInc/gl-react-native/blob/7d6e83de5a8280d06d47234fe756aa3050e9b9a1/android/src/main/java/com/projectseptember/RNGL/GLCanvasManager.java#L115-L116

(2) 将事件从Java发送到JS:https://github.com/ProjectSeptemberInc/gl-react-native/blob/0f64a63fec2281e9d6d3641b9061b771a44fcac8/android/src/main/java/com/projectseptember/RNGL/GLCanvas.java#L839-L849

(3) 在JS端，你可以给出一个onGLProgressprops 的回调.

React-native相关问答推荐

添加REACT-Native-SVG时出现错误-失败：构建失败并出现异常

在Reaction Native With EXPO中播放来自OpenAI TTS API的音频响应

React Native在同一页面上使用多个不同的导航器

什么是 expoClientId？

react native调用fetch后如何使用Async Storage在本地保存数据？

React Native：如何以编程方式对图像进行黑白过滤？

用图像 react native 动画进度条

React Native TextInput 在android上打开时会自动关闭

警告：API 'variant.getMergeAssets()' 已过时 / Android Studio 3.3

如何在react-native中淡化视图的边缘？

可以react native使用jQuery

react-native run-android 在设备上构建旧版本的代码

如何使用 Expo 在真实的 iOS 设备上运行应用程序？

React Native ScrollView 在 iOS 上从底部被截断

React Native onLayout 与 React Hooks

React Native - DEV 未定义

React Native：如何将的高度和宽度设置为容器？

如何在react-native中显示toast消息

React 在任何根目录中都找不到入口文件

React Native 的最佳文件 Select 器

实用课程推荐

相关教程推荐