StatelessWidget 无状态组件 StatefulWidget 有状态组件 页面上绑定数据、改变页面数据
2024-08-29 06:51:16
一、Flutter 中自定义有状态组件
在 Flutter 中自定义组件其实就是一个类,这个类需要继承 StatelessWidget/StatefulWidget。
StatelessWidget 是无状态组件,状态不可变的 widget
StatefulWidget 是有状态组件,持有的状态可能在 widget 生命周期改变。
通俗的讲:如果我们想改变页面中的数据的话这个时候就需要用到 StatefulWidget 和 setState(() {})
class HomeCenter extends StatefulWidget{
HomeCenter({Key key});
_HomeCenterState createState() => _HomeCenterState();
} class _HomeCenterState extends State {
var list = [];
@override
Widget build(BuildContext context) {
// TODO: implement build
return ListView(
children: [
Column(
children: list.map((val) {
return Text(val['title']);
}).toList(),
),
Container(
child: RaisedButton(
child: Text('点击'),
onPressed: () {
setState(() {
this.list.add({
'title': '111'
});
});
}
),
)
]
);
}
}
最新文章
- IT
- ASP.NET WebAPi之断点续传下载(下)
- FineUI(专业版)新增 5 款 Metro 皮肤,邀您共赏!
- WORD2003电子签名插件(支持手写、签章)
- windows openssl
- 2016阿里巴巴校招offer面经
- Ruby require 路径问题
- 暴力求解——Equivalent Strings
- Leetcode 细节实现 Set Matrix Zeroes
- oracle数据库字符集的修改
- 51nod 1595 回文度 | 马拉车Manacher DP
- SoupUI安装
- SQL注入之Sqli-labs系列第一篇
- python中sort命令介绍以及list结构中统计各元素出现的个数的方法
- 一个Fragment的实例
- 系统调用syscall---用户态切换到内核态的唯一途径
- GPA简介
- BOOST 线程完全攻略
- 深入了解JVW
- ios 第4天