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
}, {
name: 'Orientation',
class: Orientation
}, {
name: 'Badge',
class: RNIconBadge
}, {
name: 'DeviceInfo',
class: RNDeviceInfo
}])当前支持以下的插件：
- 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
还有其它插件，等着你来一起开发。
网站声明：如果转载，请联系本站管理员。否则一切后果自行承担。
赞同 0
评论 0 条
- 上周热门
- 如何使用 StarRocks 管理和优化数据湖中的数据？ 2950
- 【软件正版化】软件正版化工作要点 2872
- 统信UOS试玩黑神话：悟空 2833
- 信刻光盘安全隔离与信息交换系统 2728
- 镜舟科技与中启乘数科技达成战略合作，共筑数据服务新生态 1261
- grub引导程序无法找到指定设备和分区 1225
- 华为全联接大会2024丨软通动力分论坛精彩议程抢先看！ 165
- 2024海洋能源产业融合发展论坛暨博览会同期活动-海洋能源与数字化智能化论坛成功举办 163
- 点击报名 | 京东2025校招进校行程预告 163
- 华为纯血鸿蒙正式版9月底见！但Mate 70的内情还得接着挖... 158
- 本周热议
- 我的信创开放社区兼职赚钱历程 40
- 今天你签到了吗？ 27
- 如何玩转信创开放社区—从小白进阶到专家 15
- 信创开放社区邀请他人注册的具体步骤如下 15
- 方德桌面操作系统 14
- 用抖音玩法闯信创开放社区——用平台宣传企业产品服务 13
- 我有15积分有什么用? 13
- 如何让你先人一步获得悬赏问题信息？（创作者必看） 12
- 2024中国信创产业发展大会暨中国信息科技创新与应用博览会 9
- 中央国家机关政府采购中心：应当将CPU、操作系统符合安全可靠测评要求纳入采购需求 8
热门标签更多
