Flutter中StatefulWidget有状态组件

aiguangyuan

已于 2022-07-17 18:45:48 修改

阅读量490

点赞数

分类专栏： Flutter 文章标签：移动端开发 Flutter

于 2020-12-21 22:48:54 首次发布

本文链接：https://blog.csdn.net/weixin_40629244/article/details/111501705

版权

Flutter 专栏收录该内容

62 篇文章 15 订阅 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了Flutter中的StatefulWidget，这种有状态组件适用于需要在生命周期内改变状态的情况。通过实例展示了如何利用StatefulWidget创建点击按钮计数器和toDoList功能，展示了其动态更新数据的能力。

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

在 Flutter 中自定义组件其实就是一个类，这个类需要继承 StatelessWidget/StatefulWidget。

StatelessWidget 是无状态组件，状态不可变的 widget。

StatefulWidget 是有状态组件，持有的状态可能在 widget 生命周期改变，如果我们想改变页面中的数据的话这个时候就需要用到 StatefulWidget。

利用有状态的组件实现一个点击按钮计数的效果。

import 'package:flutter/material.dart';

void main(){
    runApp(MyApp());
}

// 抽离成一个单独的组件
class MyApp extends StatelessWidget{
    @override
    Widget build(BuildContext context) {
        return MaterialApp(
            home: Scaffold(
                // 导航条
                appBar:AppBar(title:Text('Flutter App')),
                // 主体
                body:HomePage()
            ),
            // 主题
            theme: ThemeData(primarySwatch:Colors.yellow),