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

最新推荐文章于 2024-09-01 08:35:06 发布

JaysenLeo

最新推荐文章于 2024-09-01 08:35:06 发布

阅读量930

点赞数

分类专栏： Web前端 Flutter教程文章标签： Flutter 部件化热重载 StatelessWidget

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

本文链接：https://blog.csdn.net/ChangerJJLee/article/details/88337163

版权

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

摘要由CSDN通过智能技术生成

构建 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
  * *