动态更改页面数据

在这里插入图片描述

class HomePage extends StatefulWidget {
  @override
  _HomePageState createState() => _HomePageState();
}

//自定义有状态组件
class _HomePageState extends State<HomePage> {
  int count=1;
  @override
  Widget build(BuildContext context) {
    return Container(
      alignment: Alignment.center,
      child: Column(
        children: <Widget>[
          SizedBox(height: 200),
          Text('${this.count}',style: TextStyle(
            fontSize: 20
          ),),
          RaisedButton(
            child: Text('Button'),
            onPressed: (){
              setState(() {
                this.count++;
              });
            },
          )
        ],
      ),
    );
  }
}



在这里插入图片描述

//自定义有状态组件
class _HomePageState extends State<HomePage> {
  List list=[];
  int count=1;
  @override
  Widget build(BuildContext context) {
    return ListView(
      children: <Widget>[
         Column(
           children: list.map((value){
             return Text(value,style: TextStyle(
               fontSize: 20
             ),);
           }).toList()
         ),
         RaisedButton(
           child: Text('新增一条数据'),
           onPressed: (){
             setState(() {
               list.add('数据${this.count++}');
             });
           },
         )
      ],
    );
  }
}

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐