开发笔记:4.解析—Flutter工程解析（如何运行写初始化一个Dart文件）

这是一节小白必看的解析哦~&＃xff0c;如果你了解过一点Flutter的写法可以跳过这节.
主要是不写这节&＃xff0c;后面讲的内容小白不知道如何下手

让我们来看看工程结构&＃xff1a;

其中images是我们后来自己创建的&＃xff0c;用来存放本地图片的文件夹

而web文件夹则是Flutter2.0版本支持的web模块.

重点来了 — 如何初始化一个dart文件

1.首先在lib文件夹下创建一个dart文件&＃xff1a;

2.初始化文件

这个文件刚刚创建好是空的

现在让我们来初始化一下它&＃xff1a;

1.初始化main方法&＃xff0c;每个运行的工程都需要有一个初始化的方法

void main() {
runApp(MyApp()); //MyApp() 是自己写的类
}


2.初始StatelessWidget

class MyApp extends StatelessWidget {
&＃64;override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
title: &＃39;Flutter Demo&＃39;,
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: MyHomePage(), //自己写的类
);
}
}


3.初始StatefulWidget &＃xff08;从这里开始就是普通的dart文件初始化&＃xff0c;上面那些是在初始化Main文件中需要写的&＃xff09;

class MyHomePage extends StatefulWidget {
&＃64;override
State<StatefulWidget> createState() {
// TODO: implement createState
throw UnimplementedError();
}
}


4.初始化State

class MyHomePageState extends State<MyHomePage> {
&＃64;override
Widget build(BuildContext context) {
// TODO: implement build
throw UnimplementedError();
}
}


5.进一步初始化&＃xff1a;

class MyHomePage extends StatefulWidget {
&＃64;override
State<StatefulWidget> createState() &＃61;> MyHomePageState();
// 或者
// &＃64;override
// State createState(){
// return MyHomePageState();
// }
}
class MyHomePageState extends State<MyHomePage> {
&＃64;override
Widget build(BuildContext context) {
return Scaffold(

);
}
}


这样一个dart文件就初始化完成了&＃xff0c;这里看不懂没有关系&＃xff0c;咱们先学会怎样去写&＃xff0c;在进行深入学习~

欢迎留言纠正 ~
我是阿T一个幽默的程序员 我们下节再见~