（四）Widget 以及热重载和重启

最新推荐文章于 2025-08-10 15:38:11 发布

原创

最新推荐文章于 2025-08-10 15:38:11 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

本文为博主原创文章，转载文章须附上文章来源与作者。

文章标签：

#Flutter #部件化 #热重载 #StatelessWidget

本文介绍了Flutter中Widget的构建，重点讨论了StatefulWidget和StatelessWidget的区别，强调Stateful widget用于管理状态变化。文章还阐述了Flutter的响应式框架原理，当widget状态变化时，通过类似React的diff算法更新UI。此外，还讲解了热重载（hot reload）功能，允许开发者快速查看代码变更效果，提高了开发效率。

构建 Widget 要点

Flutter在构建页面时，会调用组件的build方法，widget的主要工作是提供一个build()方法来描述如何构建UI界面（通常是通过组合、拼装其它基础widget）
如下App继承StatefulWidget类，表示它是一个有状态的widget（Stateful widget）
Stateful widget可以拥有状态，这些状态在widget生命周期中是可以变的，而Stateless widget是不可变的。
Stateful widget至少由两个类组成：
- StatefulWidget类。
- State类； StatefulWidget类本身是不变的，但是 State类中持有的状态在widget生命周期中可能会发生变化。

实例一

import 'package:flutter/material.dart';

void main() =>  runApp(App());


class App extends StatelessWidget {
   
   
  /*
  * 装饰 @override 表示 重写父类 StatelessWidget 中的 build方法
  * build 方法返回值类型是 Widget
  * *