初识flutter

Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。
快速开发
毫秒级的热重载,修改后,您的应用界面会立即更新。使用丰富的、完全可定制的widget在几分钟内构建原生界面。
富有表现力和灵活的UI
快速发布聚焦于原生体验的功能。分层的架构允许您完全自定义,从而实现难以置信的快速渲染和富有表现力、灵活的设计。
原生性能
Flutter包含了许多核心的widget,如滚动、导航、图标和字体等,这些都可以在iOS和Android上达到原生应用一样的性能。
快速开发
Flutter的热重载可帮助您快速地进行测试、构建UI、添加功能并更快地修复错误。在iOS和Android模拟器或真机上可以在亚秒内重载,并且不会丢失状态。
源自flutter官网
富有表现力,漂亮的用户界面
在这里插入图片描述
现代的,响应式框架
使用Flutter的现代、响应式框架,和一系列基础widget,轻松构建您的用户界面。使用功能强大且灵活的API(针对2D、动画、手势、效果等)解决艰难的UI挑战。

1class CounterState extends State<Counter> { 2 int counter = 0; 3 4 void increment() { 5 // 告诉Flutter state已经改变, Flutter会调用build(),更新显示 6 setState(() { 7 counter++; 8 }); 9 } 10 11 Widget build(BuildContext context) { 12 13 // 当 setState 被调用时,这个方法都会重新执行. 14 // Flutter 对此方法做了优化,使重新执行变的很快 15 // 所以你可以重新构建任何需要更新的东西,而无需分别去修改各个widget 16 return new Row( 17 children: <Widget>[ 18 new RaisedButton( 19 onPressed: increment, 20 child: new Text('Increment'), 21 ), 22 new Text('Count: $counter'), 23 ], 24 ); 25 } 26 } 27 28

跨平台自绘引擎
Flutter使用自己的高性能渲染引擎来绘制widget。这样不仅可以保证在Android和iOS上UI的一致性,而且也可以避免对原生控件依赖而带来的限制及高昂的维护成本。Flutter使用Skia作为其2D渲染引擎,目前Google Chrome浏览器和Android均采用Skia作为其绘图引擎。
高性能
Flutter高性能主要靠两点来保证,首先,Flutter APP采用Dart语言开发。其次,Flutter使用自己的渲染引擎来绘制UI,布局数据等由Dart语言直接控制。
Dart语言开发
1.开发效率高,
2.高性能
3.快速内存分配
4.类型安全
Flutter框架结构图
在这里插入图片描述
内容源自:Flutter官网https://flutterchina.club/

代码交流 2021