Android混合开发--Flutter 与 React Native 恩怨情仇

想了解 Flutter 和 React Native 看下面几个文章就可以啦;

移动端跨平台开发的深度解析  2018-7

全网最全 Flutter 与 React Native 深入对比分析  2019-6

GMTC2019|闲鱼-基于Flutter的架构演进与创新 2019-6

 

H5+原生混合

原生开发可以访问平台所有功能,而混合开发中,H5代码是运行在WebView中,而WebView实质上就是一个浏览器内核,其JavaScript依然运行在一个权限受限的沙箱中,所以对于大多数系统能力都没有访问权限,如无法访问文件系统、不能使用蓝牙等。所以,对于H5不能实现的功能,都需要原生去做。而混合框架一般都会在原生代码中预先实现一些访问系统能力的API, 然后暴露给WebView以供JavaScript调用,这样一来,WebView就成为了JavaScript与原生API之间通信的桥梁,主要负责JavaScript与原生之间传递调用消息,而消息的传递必须遵守一个标准的协议,它规定了消息的格式与含义,我们把依赖于WebView的用于在JavaScript与原生之间通信并实现了某种消息传输协议的工具称之为WebView JavaScript Bridge, 简称 JsBridge,它也是混合开发框架的核心。


 

React Native

React Native 便实现了跨平台。 相对于混合应用,由于React Native是原生控件渲染,所以性能会比混合应用中H5好很多,同时React Native是Web开发技术栈,也只需维护一份代码,同样是跨平台框架。

Flutter 

 

 

 

来自CSDN的课程:《flutter入门》

 

Android混合开发--Flutter 与 React Native 恩怨情仇_第1张图片

 

Android混合开发--Flutter 与 React Native 恩怨情仇_第2张图片

Android混合开发--Flutter 与 React Native 恩怨情仇_第3张图片

Android混合开发--Flutter 与 React Native 恩怨情仇_第4张图片

 

 

 

 

 

 

你可能感兴趣的:(混合开发)