Hello,亲爱的小伙伴们。今天要和大家一起玩的是利用Android Studio新建并运行我们的第一个Flutter项目。
一、创建项目
1、打开Android Studio选择创建Flutter类型的项目;

2、选择创建Flutter应用程序,接着点击下一步;

3、填写项目名称,指定SDK版本路径,选择项目存储位置,简单描述一下项目;

4、按照规定的要求组织项目的包名,尔后点击完成等待工程创建;

5、耐心等待之后,可以看到项目已经在创建完毕并加载到了IDE中。这是一个可以直接运行的项目,到此聪明的你已经学会了创建Flutter项目。

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

2、嘤嘤嘤......啥事模拟器?如何启动?没关系,你多半是装的不知道。请看下图,好了现在你已经知道了。

3、模拟器启动,可以看到一个类似手机一样的工具,对这个就是我们要使用到的模拟器。模拟器启动后,我们可以看到IDE自动识别了模拟器。

4、直接运行项目,等待几秒后,可以看到如图画面,这时候说明项目已运行成功。点击一下模拟器上的+号按钮,每点击一下,就会进行一次计数,所以下图是点击了27次+号按钮的效果。你也赶紧试一试吧!加油!

三、其他资源
这个是跟着官网写的第一个Flutter例子,项目名是tuling。示例中Android工程亲测可运行,效果如下。
1、示例地址:https://github.com/LuBanSugarYe/FlutterCode.git



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