[Day11] Flutter - StatelessWidget & StatfulWidget 差别

前言

Hi, 我是鱼板伯爵今天要讲 StatelessWidget & StatfulWidget差别，让大家可以对这两种部件有一点概念。

完整程序码

StatelessWidget

StatelessWidget 的意思是没有状态的 widget，也就是说不能改变内容。

class DemoStateless extends StatelessWidget {
  const DemoStateless({ Key? key }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
      
    );
  }
}

StatfulWidget

StatefulWidget的createState将可变的状态存放在里面，以app点击画面当作范例，可以搭配setState来标记要更新的UI，当下次build的时候就会重新刷新。

class DemoStatful extends StatefulWidget {
  const DemoStatful({Key? key}) : super(key: key);

  @override
  _DemoStatfulState createState() => _DemoStatfulState();
}

class _DemoStatfulState extends State<DemoStatful> {
  @override
  Widget build(BuildContext context) {
    return Container();
  }
}

创建一个专案时的范例就使用StatfulWidget来更新数字的。