项目:home0220_1
//引入库文件 material 这是主要的UI库
import 'package:flutter/material.dart';
//设置主函数,也叫作入口函数,文件中要有这个,来执其内部的代码
void main(){
runApp(MyApp());
}
//函数内部代码只有一行,可以简写
//void main() => runAPP();
//自定义类 继承 StatelessWidget
class MyApp extends StatelessWidget{
//重写build方法
@override
Widget build(BuildContext context){
//返回一个material类的组件对象
return MaterialApp(
title: "这里是标题", //这个不在窗口中显示
home: Scaffold(
//创建appBar 理解为头部导航
appBar: AppBar(
//AppBar() 头部导航类文件,
title: Text("这里是bar的标题"),//类title参数,用Text()方法
),
//body 就是身体部分
body: Center(
//Center 理解占据为中央类
//设置
child: Text('这里是body的内容'),
),
),
);
}
}
/*
runApp() 是包的方法
void runApp(Widget app) {
WidgetsFlutterBinding.ensureInitialized()
..attachRootWidget(app)
..scheduleWarmUpFrame();
}
StatefulWidget和StatelessWidget
StatefulWidget : 具有可变状态的窗口部件,也就是你在使用应用的时候就可以随时变化,比如我们常见的进度条,随着进度不断变化。
StatelessWidget:不可变状态窗口部件,也就是你在使用时不可以改变,比如固定的文字(写上后就在那里了,死也不会变了)。
这个HelloWorld代码就继承了不可变窗口部件StatelessWidget
参数是一个窗口参数类,一般会将自定义的类作为参数。理解为这个就是将自定义的窗口对象返回
appBar()
Center()
感觉是类
其参数,
在vscode的调试终端输入 flutter run 执行调试,这里才能使用快捷键
r 键:点击后热加载,也就算是重新加载吧。
p 键:显示网格,这个可以很好的掌握布局情况,工作中很有用。
o 键:切换android和ios的预览模式。
q 键:退出调试预览模式。
*/