AndroidStudio运行第一个Flutter项目_android studio开发flutter

创建新应用

(1) 在AndroidStudio中选择File->New Flutter Project,或者直接“Start a new Flutter project”
(2)选择Flutter application作为project类型，然后点击“Next”
(3)输入项目名称（默认为flutter_app),然后点击"Next"
(4)输入项目的包名，点击Finish
(5)等待AndroidStudio完成项目即可

项目结构

android目录：存放与Android原生交互的代码
ios目录：与iOS原生交互的代码
lib目录：Dart语言编写的Flutter的核心代码，我们创建的这个示例项目的代码就在这个目录下的Main.dart中
pubspec.yaml文件：用来完成依赖项相关的配置，比如远程pub仓库的依赖，或者指定本地资源（图片，字体，音频，视频）

运行Flutter程序

体验热重载

能够进行代码的热重载是Flutter的一大特色，在更改代码后无需重启应用就能实现程序的实时更新，而且还能保留程序状态，无需从启动页开始。现在更改TooBar中的标题，在lib/main.dart文件的MyApp类中找到如下代码：

@override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: '第一个Flutter项目',
      theme: ThemeData(
        primarySwatch: Colors.pink,
      ),
      home: MyHomePage(title: 'Flutter首页'),
    );
  }
1
2
3
4
5
6
7
8
9
10

更改为

@override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: '第一个Flutter项目',
      theme: ThemeData(
        primarySwatch: Colors.pink,
      ),
      home: MyHomePage(title: '第一个Flutter项目'),
    );
  }
1
2
3
4
5
6
7
8
9
10

然后热重载的⚡图标，效果图如下所示：