文:毛毛,版权归属https://maomao.ink,转载请注明出处!

《Flutter零基础入门》,从无到有构建Android、iOS双平台APP,更新中…

历史文章:Flutter入门第一讲:环境搭建(mac os为例)

这篇主要讲如何创建和运行flutter程序。

一、新建项目

打开Android Studio,依次打开File-->New-->New Flutter Project

后面步骤全部默认选项即可,你也可以修改project name为你想要的名字,命名规则建议用默认的全小写字母。

项目创建完成后,包含一个使用Material组件的简单演示应用程序。

在项目目录中,应用程序的主代码位于 lib/main.dart,相当于Android的MainActivity.java

二、运行项目

  1. 定位到Android Studio工具栏:

  1. 在 target selector 中, 选择一个运行该应用的Android设备。如果没有列出可用,请选择 Tools>Android>AVD Manager 并在那里创建一个。
  2. 在工具栏中点击 Run图标。

  1. 体验热加载。

FlutterApp有个很明显的开发体验优势,就是修改代码之后可以立即看到效果,这一点比原生应用不知好上多少倍。

  • 将main.dart里面的You have pushed the button this many times:修改为Hello world!
  • 点击工具栏上的闪电按钮或者保存(command+s),即可查看运行结果。

今天就到这了,下一节讲Flutter的项目结构和框架体系,敬请期待!