Flutter
叶涛的BLOG
虽然技术日新月异,但从底层来看,都会指向一处,所以基础好的人学习任何新技术都是手到擒来的事情。
展开
-
1.安装 Flutter SDK(macOS)
Flutter 介绍Flutter 是谷歌的移动 UI 框架,可以快速在 iOS 和 Android 上构建高质量的原生用户界面。 Flutter 可以与现有的代码一起工作。Flutter 正在被越来越多的开发者和组织使用,并且 Flutter 是完全免费、开源的。安装 Flutter SDK要使用 Flutter 开发移动端的应用,需要先去安装一下 Flutter 的 SDK。官网...原创 2019-02-28 11:34:23 · 2223 阅读 · 0 评论 -
2.Flutter 配置 Android、iOS 的开发环境
iOS 开发环境配置如果想用 Flutter 为 iOS 设备开发应用,需要在 macOS 系统上安装 Xcode 9.0或更高版本。安装 Xcode 9.0 或更新版本(通过链接下载或苹果应用商店)。配置 Xcode 命令行工具以使用新安装的 Xcode 版本 sudo xcode-select --switch /Applications/Xcode.app/Contents/De...原创 2019-02-28 14:37:23 · 601 阅读 · 0 评论 -
3.创建 Flutter 项目,在模拟器上运行
使用 Android Studio 创建 Flutter 项目打开 Android Studio,选择第二项,新建 Flutter 项目。选择第选项 Flutter Application (flutter应用)。项目创建完成,选择模拟器运行。Android 模拟器和 iOS 模拟器都可以运行起来了。在下一篇我们就可以正式开启 Flutter 之旅了。结束语本篇内容的介...原创 2019-02-28 15:31:37 · 5167 阅读 · 0 评论 -
4.在屏幕中显示 Hello Flutter
大家好,从本篇文章开始我们将一起正式进入 Flutter 的学习之旅,在本文中我们将学习到使用两个 widget 在屏幕显示 Hello Flutter 文字。上一篇中我们已经使用 Android Studio 创建好了项目,接下来找到 Flutter 的入口文件 main.dart 位于 lib 包下。打开 main.dart 以后清空一下文件里的内容,我们会一起从头开始去做一些练习。...原创 2019-03-21 15:32:53 · 561 阅读 · 0 评论 -
5.自定义Flutter Widget
大家好,本文中我们来一起学习如何自定义一个Widget,我们会将上一篇中的 Center 封装进我们自定义的 App Widget 中,然后调用它。创建一个自定义的小部件就是一个类。在 main.dart 文件里面,定义一个 class,名字可以是 App 小部件的类可以继承 StatelessWidget 或者 StatefulWidget 不需要修改数据的小部件可以继承 Statel...原创 2019-03-21 15:47:03 · 418 阅读 · 0 评论