Flutter 移动框架

 

自己最近花了点时间看了下这个框架，比RN流畅。环境搭建就不说了，网上多的是，本人也就整理了几个常用的命令，最主要请看掘金技术胖的免费视频：

引用技术胖的一段话

• 跨平台：现在Flutter至少可以跨4种平台，甚至支持嵌入式开发。我们常用的有 Linux、Android、IOS，甚至可以在谷歌最新的操作系统上 Fuchsia 进行运行。到目前为止，Flutter算是支持平台最多的框架了，良好的跨平台性，直接带来的好处就是减少开发成本。
• 原生用户界面：它是原生的，让我们的体验更好，性能更好。用官方的话讲就是平滑而自然的滑动效果和平台感知，为您的用户带来全新的体验。（可以看一下图片，这是Flutter的表现）
• 开源免费：这个不用多说，我们只要学会并使用，这些都是免费的。这对于大公司是非常必要的，有人说你可以用破解版什么的....说明你还是小公司，我们公司的软件全部是正版，就更不用说操作系统和生产环境了，否则各种公司的侵权官司你都解决不了。
• Cordova：个人认为 Flutter 可以完胜了，因为Cordova还是基于网页技术进行包装，利用插件的形式开发移动应用的，就这一点。无论是性能还是体验，Flutter 都可以完胜了。
• RN（React Native）：RN的效率由于是将View编译成了原生View,所以效率上要比基于Cordova的HTML5高很多,但是它也有效率问题,RN的渲染机制是基于前端框架的考虑,复杂的UI渲染是需要依赖多个 view 叠加.比如我们渲染一个复杂的 ListView,每一个小的控件,都是一个native 的view,然后相互组合叠加.想想此时如果我们的 list 再需要滑动刷新,会有多少个对象需要渲染.所以也就有了前面所说的RN的列表方案不友好。
• Flutter：吸收了前两者的教训之后,在渲染技术上,选择了自己实现(GDI),由于有更好的可控性,使用了新的语言Dart,避免了RN的那种通过桥接器与Javascript通讯导致效率低下的问题,所以在性能方面比RN更高一筹;有经验的开发者可以打开Android手机开发者选项里面的显示边界布局,发现Flutter的布局是一个整体.说明 Flutter 的渲染没用使用原生控件进行渲染。

技术胖视频链接:

https://juejin.im/post/5be3d54cf265da611d6624d3

 

flutter 常用命令整理

 

检测手机是否链接

flutter devices

新建项目

flutter create 项目名

 

查看新版本

flutter --version

Flutter 0.11.0 • channel dev • https://github.com/flutter/flutter.git

Framework • revision c319b890b3 (10 days ago) • 2018-10-29 19:44:36 -0700

Engine • revision 162b2e98c0

Tools • Dart 2.1.0 (build 2.1.0-dev.8.0 bf26f760b1)

 

查看当前的flutter使用分支

fultter channel

Flutter channels:

beta

* dev

master

 

切换分支

flutter channel beta

 

更新flutter版本(因为现在还处在不稳定阶段，版本更新很快)

flutter upgrade

 

列出iphone模拟器

xcrun instruments -s

xcrun simctl list

 

启动iphone8模拟器

xcrun instruments -w "iPhone 8 (12.0)"