Flutter学习13 - Widget

KillerNoBlood

已于 2025-02-01 16:53:18 修改

阅读量785

点赞数 3

分类专栏： Flutter Learning 文章标签： flutter 学习

于 2024-04-08 20:44:45 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_41733225/article/details/137520750

版权

本文介绍了Flutter中的Widget分类，包括无状态Widget（如Text、CircleAvatar）和有状态Widget（如TextField、Checkbox），并讲解了如何通过StatefulWidget管理和setState更新状态。此外，还提到了Flutter中的三种状态管理方式：每个widget管理自己的状态、父widget管理以及混合搭配管理。

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

flutter 官网文档

1、Flutter中常用 Widget

在这里插入图片描述

2、StatelessWidget 和 StateFulWidget

Flutter 中的 widget 有很多，但主要分两种：

StatelessWidget	无状态的 widget	如果一个 widget 是最终的或不可变的，那么它就是无状态的
StatefulWidget	有状态的 widget	如果一个 widget 会被用户交互或数据导致状态改变，那么它就是有状态的

2.1、StatelessWidget

Text、AboutDialog、CircleAvatar 等都是 StatelessWidget 的子类

无状态 widget 通常会在 3 种情况下使用：

(1) 将 widget 插入树中时
(2) 当 widget 的父级更改配置时
(3) 当它依赖的 InheritedWidget 发生改变时

代码示例

//无状态 widget
class LeonStateLessWidget extends StatelessWidget {
   
  final String text;

  const LeonStateLessWidget({
   super.key, required this.text});

  @override
  Widget build(BuildContext context) {
   
    return Center(
      child: Text(
        text,