Flutter 3.1 StatefulWidget 有状态组件

2020-03-09  本文已影响0人  贝灬小晖

<1>StatefulWidget 有状态组件
statelessWidgte 无状态组件 状态不可改变

改变页面数据要使用statefulWidget

st..代码块快速创建
//自定义有状态组件
class HomeNewStaView extends StatefulWidget {
  @override
  _HomeNewStaViewState createState() => _HomeNewStaViewState();
}

class _HomeNewStaViewState extends State<HomeNewStaView> {
  int countNum = 1;

  @override
  Widget build(BuildContext context) {
   return Column(
      children: <Widget>[
        Text("${this.countNum}"),
        RaisedButton(
          child: Text("btn"),
          onPressed: (){
            //有状态组件里才有,如果要改变页面上的数据 必须用setState!!!
            setState(() {
              this.countNum++;
            });
          },
        )
      ],
    );
  }
}
上一篇 下一篇

猜你喜欢

热点阅读