【Flutter手摸手教学】03 Flutter main.dart详细说明

三线码农

于 2021-02-21 09:45:35 发布

阅读量1.1k

点赞数

分类专栏： Flutter手摸手教学

本文链接：https://blog.csdn.net/weixin_54711019/article/details/113914078

版权

本文详细解析Flutter的`main.dart`文件，涵盖导包、main函数、Widget概念、build方法及MaterialApp和Scaffold的使用。通过理解这些基础知识，为后续的UI布局和组件学习打下基础。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

上一次我们创建了一个最简单的Flutter App，在第一个页面上显示了一个你好，Flutter文字。今天我们来详细说一下里面的每一行代码。

一、打开lib\main.dart

二、代码详细说明

//导入material.dart，material.dart是Android风格的UI组件库，同样还有ios风格的UI组件库
import 'package:flutter/material.dart';

//main方法是整个app的入口
void main() {
    //runApp传入一个Widget当作参数
    runApp(MyApp());
}

Widget介绍
关于widget我从网上找到了一段话

Widget 描述了在当前的配置和状态下视图所应该呈现的样子。当 widget 的状态改变时，它会重新构建其描述（展示的 UI），框架则会对比前后变化的不同，以确定底层渲染树从一个状态转换到下一个状态所需的最小更改。

简单点来说，Flutter中所有东西都是Wdiget，例如一段文本，一个按钮，一张图片等等。

三、build方法是执行widget渲染的地方