javascript - 将现有的 WebView JavascriptInterface 与 React-Native 结合使用

标签 javascript android webview react-native

我可以在 React-Native 应用程序中使用现有的 javascript 接口(interface)(当前附加到我的 Android 和 iOS 项目中的 WebView)吗?

React-Native本身不使用WebView来运行。但我可以创建它 React WebView 。我的问题是关于使用现有的 javascript 接口(interface),也许将其附加到 React-Native WebView 中创建的内容,制作某种 React 扩展等...

背景:

我有几个使用 WebView 制作的 android 和 ios 应用程序。对于 WebView,有一个 javascript 接口(interface)(所有应用程序都相同),我用它来访问 native 设备环境功能(如 Cordova/Phonegap)以及第三方 SDK 和库(其中之一是用于增强现实的 SDK),所以我的 javascript “bridge”处理所有这些 API 调用。

每个应用程序都是在 WebView 环境中制作的(在这里我可以使用各种 js 库和框架,如 AngulerJS、JQuery 等...)。我的应用程序看起来像一个透明的 html 主体,背后是相机图像,带有增强现实 3d 场景(3d 模型和 3d 界面),其他用于文本、图像、列表、表单、弹出窗口、对话框等的 html View 。

这个堆栈非常可靠,我用它制作了很多应用程序。

然后我发现了 React-Native,并考虑使用 native 移动组件来实现“2D”部分(始终用 HTML 制作)。所以问题是:是否可以在 React-Native 上下文中使用我的 javascript“桥”?我的意思是这个“桥”附加到 WebView,如果我可以以某种方式将其转换为与 React-Native 一起使用会怎样?

最佳答案

不,你不能。 React Native 不使用底层的 WebView,而是使用普通的 iOS/Android UI 组件。

关于javascript - 将现有的 WebView JavascriptInterface 与 React-Native 结合使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36933797/

相关文章:

javascript - 两个 div 并排占据整个容器区域并处理调整大小事件

javascript - 如何将 LatLng 对象与数组中的另一个对象进行比较?

java - Mupdf 注释在 Lollipop 5.0 中不起作用

android - Cordova android地理定位超时

android - GCM 服务器以什么频率刷新注册 ID 以及如何在我的手机中获取 regId 更改事件?

android - 访问 AD 认证网站时出现 WebView 超时问题

javascript - mitrill 组件加载后修改 html

android - setPluginState(WebSettings.PluginState) 已弃用。我应该怎么办? ( WebView 插件)

ios - UIWebView - 抛出什么 NSError?

HTML 表格中的 JavaScript 计算