首页 > 其他 > 详细

StatelessWidget 无状态组件 StatefulWidget 有状态组件 页面上绑定数据、改变页面数据

时间:2020-02-20 19:25:49      阅读:65      评论:0      收藏:0      [点我收藏+]
一、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‘
});
});
}
),
)
]
);
}
}

StatelessWidget 无状态组件 StatefulWidget 有状态组件 页面上绑定数据、改变页面数据

原文:https://www.cnblogs.com/zhaofeis/p/12336718.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!