如何在 React 本机应用程序上从本机调用 JavaScript 函数
Posted
技术标签:
【中文标题】如何在 React 本机应用程序上从本机调用 JavaScript 函数【英文标题】:How to call a JavaScript function from native on a React native app 【发布时间】:2020-04-06 14:51:23 【问题描述】:所以我正在创建一个 React 原生应用,我想从应用的原生部分调用一个 javascript 函数。
我知道我可以使用 Native Modules 在 Native 和 React Native 之间建立一座桥梁,而且我还知道从 Native Module 我可以发出一个可以被 React Native 接收的事件。
但是,Native Module 内的任何函数调用只能从 React Native 本身内部发生,因为它需要 React Native 上下文,所以如果 React Native 本身调用其中一个,我只能从 Native Module 发送事件包含事件发射的本机模块函数。有人可以澄清我该怎么做吗?
更清楚地说,我的最终目标是使用 React native 创建一个 android 库,该库将用于已经创建的 Native 应用程序,在我的 Android 库中我想公开我的一些 JavaScript 组件/函数,这样我就可以拥有Native App -> React Native 库的 Native 部分 -> React Native 库的 JavaScript 部分。
提前致谢!
【问题讨论】:
【参考方案1】:您可以使用 HeadlessJs。 React-Native 已经提供了它。这里你可以看到 HeadlessJs 的例子跟随下面的链接
https://facebook.github.io/react-native/docs/headless-js-android
它会帮助你。 祝你有美好的一天。
【讨论】:
以上是关于如何在 React 本机应用程序上从本机调用 JavaScript 函数的主要内容,如果未能解决你的问题,请参考以下文章
react-native 应用程序视图加载时,如何在本机 ıos 上调用 ViewController 类?
我如何使用本机 swift 代码中的 react 本机 RCNAsyncStorage 模块
在 react-native 中从 TypeScript 调用本机函数