flutter——第一个页面:引入包,main函数,继承StatelessWidget

项目: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 键:退出调试预览模式。
*/

 

你可能感兴趣的:(flutter)