Flutter开发——仲夏夜之梦(二)

Hello,亲爱的小伙伴们。今天要和大家一起玩的是利用Android Studio新建并运行我们的第一个Flutter项目。

一、创建项目

1、打开Android Studio选择创建Flutter类型的项目;

Flutter开发——仲夏夜之梦(二)_第1张图片
1、选择项目类型

2、选择创建 Flutter应用程序,接着点击 下一步
Flutter开发——仲夏夜之梦(二)_第2张图片
1、创建应用程序

3、填写 项目名称,指定 SDK版本路径,选择项目 存储位置,简单描述一下项目;
Flutter开发——仲夏夜之梦(二)_第3张图片
3.png

4、按照规定的要求组织项目的 包名,尔后点击 完成等待工程创建;
Flutter开发——仲夏夜之梦(二)_第4张图片
4.png

5、耐心等待之后,可以看到项目已经在创建完毕并加载到了 IDE中。这是一个可以直接运行的项目,到此聪明的你已经学会了创建 Flutter项目。
Flutter开发——仲夏夜之梦(二)_第5张图片
成功创建工程

二、运行项目

1、检查是否已经创建模拟器,如果已经创建了模拟器则先启动模拟器。模拟器启动之后,运行工程。

Flutter开发——仲夏夜之梦(二)_第6张图片
检查是否创建模拟器

2、嘤嘤嘤......啥事模拟器?如何启动?没关系,你多半是装的不知道。请看下图,好了现在你已经知道了。
Flutter开发——仲夏夜之梦(二)_第7张图片
启动模拟器

3、模拟器启动,可以看到一个类似手机一样的工具,对这个就是我们要使用到的模拟器。模拟器启动后,我们可以看到 IDE自动识别了模拟器。
Flutter开发——仲夏夜之梦(二)_第8张图片
成功启动模拟器

4、直接运行项目,等待几秒后,可以看到如图画面,这时候说明项目已运行成功。点击一下模拟器上的 +号按钮,每点击一下,就会进行一次计数,所以下图是点击了27次 +号按钮的效果。你也赶紧试一试吧!加油!
Flutter开发——仲夏夜之梦(二)_第9张图片
计数器Demo

三、其他资源

这个是跟着官网写的第一个Flutter例子,项目名是tuling。示例中Android工程亲测可运行,效果如下。

1、示例地址:https://github.com/LuBanSugarYe/FlutterCode.git

Flutter开发——仲夏夜之梦(二)_第10张图片
酷炫的列表

Flutter开发——仲夏夜之梦(二)_第11张图片
居然有动效
Flutter开发——仲夏夜之梦(二)_第12张图片
完美的跳转与返回

2、Flutter官网地址:https://flutter.dev

你可能感兴趣的:(Flutter开发——仲夏夜之梦(二))