为什么Flutter开发APP性能最接近原生,前端程序员请关注

一、为什么Flutter开发APP性能最接近原生,前端程序员请关注

Flutter是谷歌公司推出的跨终端的开发框架，支持Android、iOS和WEB终端。1.0版在2018年12月5日发布，目前的最新版本是1.5，它采用的开发语言是Dart，Dart也是谷歌开发的计算机编程语言，语法类似C，是编译型语言：

hello world例子，打印字符串“Hello World!”：

React Native、Weex等技术都是跨终端的框架，然而性能跟原生App存在很大差距。这是由于它们的工作原理决定的：

React Native、Weex等技术多了一个桥接层，所以界面渲染会慢一些，由于UI渲染非常频繁，想要不卡顿，基本上比较难，性能和用户体验跟原生代码有差距。而这恰恰是Flutter的优势所在：

Dart可以被编译成不同平台的本地代码，让Flutter不通过桥接层直接跟平台通信，自然性能会快一些。

JavaScript是解释执行的，Dart是编译执行的，性能谁好一目了然。

Flutter是依靠Flutter Engine虚拟机在iOS和Android上运行的，Flutter Engine使用C/C++编写，开发人员通过Flutter框架直接和API在内部进行交互，所以具有输入低延迟和UI渲染高帧速率的特点。除了这特点之外，Flutter还提供了自己的小部件，Flutter小部件是使用从React获取灵感的现代框架构建的。中心思想是您使用小部件构建UI。

窗口小部件根据其当前配置和状态描述了它们的视图。当窗口小部件的状态发生更改时，窗口小部件会重建其描述，框架将根据前面的描述进行区分，以确定底层呈现树从一个状态转换到下一个状态所需的最小更改。可以直接在OS平台提供的画布上进行描绘，也就是一些核心类库直接放到虚拟机里面，调用起来更快。

从它的系统结构可以看出，类似安卓的ART(Android Run Time)虚拟机，同样采用AOT(Ahead of TIme)技术，会在APP安装时就编译成机器语言，不再解释执行，从而优化了APP运行的性能。

Flutter使用谷歌自己的Skia渲染引擎，而Android系统自带Skia引擎，iOS平台上Flutter也会把Skia引擎打包到APP中，从而实现了高效渲染。而React Native通过桥接层访问原生UI，操作频繁就容易出性能问题。

综合所述，Flutter是性能最接近原生代码的一种开发框架，未来也会是构建谷歌Fuchsia应用的主要方式，前途不可限量，唯一的问题就是需要学习一门新的语言：Dart，而有Java或者C#语言基础的程序员会比较容易学习。

二、flutter和原生对比

Android原生和Flutter使用过程的差异对比(一)

界面搭建过程中各种大小单位Android：通常采用dp设置View宽高（和px像素的换算关系是dp值×density逻辑密度），sp设置字体大小（会随着系统字体设置的大小而改变）。

界面搭建过程中各种大小单位Android：通常采用dp设置View宽高（和px像素的换算关系是dp值×density逻辑密度），sp设置字体大小（会随着系统字体设置的大小而改变）。

常用布局的对比使用下来其他组件大致还算方便，但是相对布局而言使用便利程度上Android原生完胜，ConstraintLayout内部的所有子View可以设置互相之间的位置依赖关系。

Flutter使用谷歌自己的Skia渲染引擎，而Android系统自带Skia引擎，iOS平台上Flutter也会把Skia引擎打包到APP中，从而实现了高效渲染。而ReactNative通过桥接层访问原生UI，操作频繁就容易出性能问题。

原生页面启动速度要比蹊径页面慢许多，而蹊径页面开发出来的页面，比较轻巧，启动速度要快很多。原生页面由于加载了大量的插件，所以比较浪费内存，而蹊径页面只是一个简单的框架，更加节省内存。

步骤：创建一个EventChannel对象，传入EventChannel名称。flutter端调用receiveBroadcastStream进行广播消息注册，传入arguments参数即为广播名称，此参数是告诉native端你要接受的广播类型，判别是什么广播发送的数据。

与MessageCodec不同的是，MethodCodec用于MethodCall对象的编解码，一个MethodCall对象代表一次从Flutter端发起的方法调用。

1、fluuter中的MessageCodec用于二进制格式数据与基础数据之间的编解码。BasicMessageChannel所使用的编解码器就是MessageCodec。

2、它是可以双端通信的，flutter端可以给Android发送消息，Android也可以给Flutter发送消息。EventChannel只能是原生发送消息给Flutter端，例如监听手机电量变化，网络变化，传感器等。

3、Flutter定义了三种不同类型的Channel，它们分别是：BasicMessageChannel：用于传递字符串和半结构化的信息。MethodChannel：用于传递方法调用(methodinvocation)。EventChannel：用于数据流(eventstreams)的通信。

4、用作消息的发送和接收的工具，主要负责Flutter与原生之间的相互通讯。在Channel中，messenger携带的数据需要在Dart层，Native（iOS/Android平台）层中传输，所以就需要一种与平台无关的数据协议。

5、原生处理：flutter在iOS中的使用，主要是以FlutterViewController为载体，并在其内部采用FlutterEngine对视图进行渲染。

在开发工具的插件设置中，安装上面说到的Flutter和Dart插件。Flutter插件用于支持Flutter的运行、调试、热重载等功能，而Dart插件则提供了代码的输入校验、代码补全等功能。

表格布局和线性布局比较相似，只是使用起来更简洁一些。

flutter将会帮你更容易，更快速的开发出界面美观的移动应用。是谷歌的亲儿子支持热重载：android原生开发会遇到编译-打包-安装三个步骤。开发效率迟迟得不到提升。热重载技术在flutter内完美体现。

所以ReactNative、Weex等跨平台技术应运而生了，而这些跨平台技术由于偏高层解释性的特性就会出现运行效率和对原生依赖度高耦合性高等问题。随着2018年flutterbeta1正式发布，一种更优美更高效的跨平台技术进入我们的视线。

打开AndroidStudio。打开插件设置（在v0以上的系统打开ConfigurePlugins）。这里需要先改一下网络请求的设置然后搜索Flutter插件，选择并点击安装。

等一些特殊情况。像第六行row是放在底部的，就可以在第六行前面增加一个Spacer()去填充空白区域。对文字颜色大小等，可以用TextStyle直接设置。对于输入框的删除按钮，可以用Offstage这种Flutter特有的控制显示隐藏的控件。

Flutter开发App和原生iOS开发App各有什么优缺点?

Flutter使用谷歌自己的Skia渲染引擎，而Android系统自带Skia引擎，iOS平台上Flutter也会把Skia引擎打包到APP中，从而实现了高效渲染。而ReactNative通过桥接层访问原生UI，操作频繁就容易出性能问题。

Flutter使用谷歌自己的Skia渲染引擎，而Android系统自带Skia引擎，iOS平台上Flutter也会把Skia引擎打包到APP中，从而实现了高效渲染。而ReactNative通过桥接层访问原生UI，操作频繁就容易出性能问题。

常用布局的对比使用下来其他组件大致还算方便，但是相对布局而言使用便利程度上Android原生完胜，ConstraintLayout内部的所有子View可以设置互相之间的位置依赖关系。

从图上可以看出，WKWebView在内存方面有很大的优势啊，UIWebView的内存是真的伤啊，然后debug看了一下flutter_webView，他使用的就是原生的webView。

原生处理：flutter在iOS中的使用，主要是以FlutterViewController为载体，并在其内部采用FlutterEngine对视图进行渲染。

1、总结如果站在公司层面去选择一种跨平台的开发方式，更需要考虑项目成员的人员结构，如果前端开发人员比较多，还是推荐使用ReactNative的方式接入；如果是移动端原生开发人员就很充足那就选择Flutter的方式。

2、如果要选择一个程序的嵌入语言，原来有Lisp、Basic和Java，现在还可以选择Python和Ruby。如果在要求动态解释执行语言，而又不想学其他语言的话，C程序员的选择是pike，Java程序员的选择是beanshell。

3、python是比较适合前端学习的一门后端语言，公认的入门最简单的语言。

4、例如，在大学里使用Python这门语言给学生讲授编程，其主要原因在于Python功能强大，学生们能够很容易地掌握编程概念。

5、翻译”成所对应的硬件平台能够执行的代码。因此对于Java编程者来说，不需要考虑硬件平台是什么，因为JAVA程序不是直接在电脑上运行的，是在虚拟机上进行的，每个系统平台都是有自己的虚拟机（JVM），所以JAVA语言能跨平台。

6、Java是一种简单的，跨平台的，面向对象的，分布式的，动态的语言。时至今日，Java依旧是在科学应用中最好选择，包括自然语言处理。

三、android开发学flutter需要多久

1、对于已经熟悉Android开发的程序员来说，转向学习Flutter可能会遇到一些挑战，因为Flutter采用了不同于传统Android开发的框架和语言。因此，适应Flutter的学习曲线可能会比直接学习一门新语言更为陡峭。

2、学习Flutter的具体时间因人而异，受到个人学习效率和投入时间的影响。对于初学者而言，掌握Flutter的基本概念和语法可能需要几周到几个月的时间。这个阶段的关键是理解Flutter的核心概念，如Widget、State和Hot Reload等。

3、一旦掌握了基础知识，开发者可以通过实际项目经验来进一步提升自己的技能。在实践中，开发者可以构建各种应用程序，以加深对Flutter的理解。这个过程可能需要几个月到一年的时间，具体取决于个人的努力程度和项目复杂度。

4、总体来说，学习Flutter需要耐心和时间，但对已经有一定Android开发经验的人来说，上手速度可能会更快。他们可以利用自己已有的编程技能，更快地适应Flutter的新框架。

5、在学习过程中，建议开发者积极参与社区，与其他开发者交流经验和问题。这不仅有助于解决遇到的技术难题，还能拓宽视野，了解更多的开发技巧。

6、值得注意的是，学习Flutter并不仅仅是为了掌握一门新的开发工具，更重要的是学习如何利用Flutter的强大功能来开发高质量的应用程序。通过不断实践和优化，开发者可以不断提高自己的技能，最终成为一名熟练的Flutter开发者。