by ·一条评论

一 创建Flutter应用

 

如果使用Android Studio 或者Visual Studio Code 可以从IDE中创建一个新Flutter应用程序，以AS为例，这里可以创建四种类型的项目。

当然也可以使用Flutter命令从命令行创建，通过help命令可以看有那些参数， 一般按下面命令就可以创建一个新的flutter项目

flutter create --help

➜flutter create  --org com.cc.flutter.hello flutter_hello
Creating project flutter_hello...

Running "flutter packages get" in flutter_hello...                 10.9s
Wrote 67 files.

All done!

Run "flutter doctor" for information about installing additional components.

In order to run your application, type:

  cd flutter_hello flutter run

Your application code is in flutter_hello/lib/main.dart.

继续阅读

by ·一条评论

Flutter应该是目前前端最火热的一个词了，移动端的发展从Web到H5、到Native APP、到Hybrid、到React Native 然后到现在的Flutter。所有一起都是为了解决移动端需求的快速迭代、快速更新、减少三端的重复开发量。去年年初就开始大概了解了一下Flutter，前年也是看了一段RN，只是没有很深入，因为工作上也没用的上。所以这次打算边学边记录学习一门新的技术，并不建议装好环境马上动手写代码，而是应该先去了解整个系统的结构、原理、设计，甚至是选择性的阅读源码。这更有助于写好代码。 毕竟读别人的代码比自己写要难得多。

 

后续文章都如无特殊说明，都是基于以下版本

Flutter 1.2.1 • channel stable • https://github.com/flutter/flutter.git
Framework • revision 8661d8aecd (6 weeks ago) • 2019-02-14 19:19:53 -0800
Engine • revision 3757390fa4
Tools • Dart 2.1.2 (build 2.1.2-dev.0.0 0a7dcf17eb)

 

 

一 Flutter是什么

 

Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。
优点
  • 快速开发：毫秒级的热重载，修改后，您的应用界面会立即更新。使用丰富的、完全可定制的widget在几分钟内构建原生界面。
  • 富有表现力和灵活的UI：快速发布聚焦于原生体验的功能。分层的架构允许您完全自定义，从而实现难以置信的快速渲染和富有表现力、灵活的设计。
  • 原生性能：Flutter包含了许多核心的widget，如滚动、导航、图标和字体等，这些都可以在iOS和Android上达到原生应用一样的性能。

以上都是官网的介绍，简单说Flutter是一个跨平台的UI框架，可以实现写一份代码同时在IOS和Android平台上执行。并且有着比H5和RN更好，基本接近原生应用的性能。Flutter并不是用来取代Android和IOS的原生开发，它必须以原生页面作为Host来执行。 它不是一个新的平台，只是一个UI框架，因为可以跨平台，所以可以减少两端UI的开发量。 但是并不能替代原生开发，因为很多功能还是需要调用原生系统的接口。

继续阅读