Flutter第一个程序

Flutter第一个程序Hello World

1.使用命令行创建一个新Flutter工程

• 切换到自己的工程目录下，打开终端输入一下代码
  flutter create myfirst_app

Tip: myfirst_app 是自己起的名字，根据个人情况调整

2.使用IntelliJ IDEA打开创建好的工程文件

01.png

1.工程目录结构如上图所示，打开lib文件夹将main.dart中的内容删除，然后键盘入如下代码
import 'package:flutter/material.dart'; //引入Flutter包
2.Flutter 主函数编写

void main() => runApp(myApp());//主函数，myApp需要自己声明，也可以写成如下形式,官方给的是第一种
void main() { 
      runApp(myApp()); //dart 语法需要加分号
}

3.编写myApp

class myApp extends StatelessWidget{
  @override
    Widget build(BuildContext context){ //@override重写build 方法，该方法返回值是组件Widget
      return MaterialApp( //返回 MaterialApp组件
        title: 'Flutter First App', 
        home: Scaffold(// 主页面加载Scaffold组件
          body: Center(// Scaffold组件的主体是Center组件
            child: Text('Hello world'),// Center组件的子组件是Text组件，Text组件的值是Hello world
          ),
        ),
      )
    }
}

4.运行在IntelliJ IDEA的终端中输入如下命令，会出现连接好电脑的手机如02图所示，显示出设备Id
flutter run

02.png

再使用以下命令运行到对应手机上，可以看到在屏幕中间出现Hello world字样。
flutter run -d 35f732fabfddd48ac7c30d4859c97a0923d016fe