Dore 混合应用框架 —— 基于 React Native 的混合应用迁移方案
时间:2022-04-24
本文章向大家介绍Dore 混合应用框架 —— 基于 React Native 的混合应用迁移方案,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
上个周末,在写我的年终总结,有了一点新灵感 —— 其实是 xxx 原因。
在半年前的那篇《我们是如何将 Cordova 应用嵌入到 React Native 中》中,我介绍了如何将 Cordova 嵌入 React Native 应用中。
考虑到有大量的 Cordova 应用,会在未来迁移到 React Native 中,便写了 Dore。
Dore 是一个使用 React Native 实现的 WebView 容器,可以让你在 WebView 调用 React Native 组件。
其设计初衷:用于迁移 Cordova 的 WebView 应用到 React Native 的 WebView。
当然,仍然有更多的插件在开发之中,为了训练一下我编写原生代码的能力。我将改写一些 Java、Objective-C 的原生代码,未来会考虑使用 Swift。
Dore 使用示例
在 WebView 里,我们可以直接调用,类似于 cordova.plugins:
DoreClient.lockToLandscape();DoreClient.setBrightnessLevel(0.2);DoreClient.isTablet().then(function(data) {});
在 React Native 使用起来也比较简单,在 WebView 的 onMessage 调用 Dore。
onMessage = evt => { Dore.handleMessage(evt, this.webView)};
对应的,只需要注入相应的原生模块,就可以调用第三方的原生模块——前提是我们已经对接了:
Dore.inject([{ name: 'Toast', class: Toast}
当前支持以下的插件:
- BackHandler (Android)
- Brightness (by react-native-device-brightness)
- Console
- DeviceInfo (by react-native-device-info)
- Geolocation
- Keyboard
- NetInfo
- Orientation
- Permissions (by react-native-permissions)
- State
- StatusBar
- Toast (by dore-toast)
- Vibration
还有其它插件,等着你来一起开发。
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 萌新不看会后悔的C++基本类型总结(一)
- 2019 ICPC 银川网络赛 D. Take Your Seat (疯子坐飞机问题)
- 2019 ICPC 银川网络赛 H. Fight Against Monsters
- 状态压缩DP(大佬写的很好,转来看)
- 2019 ICPC 银川网络赛 F-Moving On (卡Cache)
- 树形结构--二叉树的遍历算法应用(十九)
- POJ1088 滑雪题解+HDU 1078(记忆化搜索DP)
- 2019 ICPC 南京网络赛 F Greedy Sequence
- 补题Codeforces 1102E. Monotonic Renumeration
- 2019 ICPC 南京网络赛 H-Holy Grail
- 写代码?程序猿?你不能不懂的八大排序算法的Python实现
- Java开发编程规范:5.集合处理
- codeforce 272E Dima and Horses (假DFS)
- 网速慢?NO可能是路由器的原因?
- codeforce 272B Dima and Sequence