Google 推出flutter 有一段时间了,Flutter 明显是一种全新的技术,而对于这个新技术在发布之初,花一个月的时间学习它,成本确实过高。但是周末花一天时间体验一下它的开发流程,了解一下它的优缺点、能干什么或者不能干什么。
Flutter是一款移动应用程序SDK,一份代码可以同时生成iOS和Android两个高性能、高保真的应用程序。
核心原则
Flutter包括一个现代的响应式框架、一个2D渲染引擎、现成的widget和开发工具。这些组件可以帮助您快速地设计、构建、测试和调试应用程序。
一切皆为widget
Widget是Flutter应用程序用户界面的基本构建块。每个Widget都是用户界面一部分的不可变声明。 与其他将视图、控制器、布局和其他属性分离的框架不同,Flutter具有一致的统一对象模型:widget。
Widget可以被定义为:
一个结构元素(如按钮或菜单)
一个文本样式元素(如字体或颜色方案)
布局的一个方面(如填充)
等等…
Widget根据布局形成一个层次结构。每个widget嵌入其中,并继承其父项的属性。没有单独的“应用程序”对象,相反,根widget扮演着这个角色。
您可以通过告诉框架使用另一个widget替换层次结构中的widget来响应事件,例如用户交互,替换后框架会比较新的和旧的widget,并高效地更新用户界面。
官网: https://flutterchina.club/technical-overview/
-
开始环境搭建
1.使用镜像
由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到环境变量中:
PUB_HOSTED_URL :https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL : https://storage.flutter-io.cn
2.获取flutter SDK
- 去flutter官网下载其最新可用的安装包,点击下载 ;
- 将安装包zip解压到你想安装Flutter SDK的路径(如:C:\src\flutter;注意,不要将flutter安装到需要一些高权限的路径如C:\Program Files\)。
- 在Flutter安装目录的flutter文件下找到flutter_console.bat,双击运行并启动flutter命令行,接下来,你就可以在Flutter命令行运行flutter命令了。
这里我建议大家用 git 安装命令下载,比较稳定点。 https://github.com/flutter/flutter
git clone https://github.com/flutter/flutter.git
3.将flutter sdk 加入系统环境变量
- 在“用户变量”下检查是否有名为“Path”的条目:
如果该条目存在, 追加 flutter\bin的全路径,使用 ; 作为分隔符.
如果条目不存在, 创建一个新用户变量 Path ,然后将 flutter\bin的全路径作为它的值.
重启Windows以应用此更改.
打开flutter 目录下的 flutter_console.bat 为控制台, 然后输入 flutter doctor. 开始下载配置文件.
4.打开AS
psl:记得把Android SDK 也要加入环境变量哦
打开setting - plugins - 搜索 flutter 点击安装
安装完成后重新启动AS。
-
点击file 项
出现 new flutter project 时, 说明flutter 环境已经搭建完成啦~~~ 快,夸自己一下O(∩_∩)O哈哈~