Flutter第一个程序Hello World
1.使用命令行创建一个新Flutter工程
- 切换到自己的工程目录下,打开终端输入一下代码
flutter create myfirst_app
Tip: myfirst_app 是自己起的名字,根据个人情况调整
2.使用IntelliJ IDEA打开创建好的工程文件
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
再使用以下命令运行到对应手机上,可以看到在屏幕中间出现Hello world字样。
flutter run -d 35f732fabfddd48ac7c30d4859c97a0923d016fe