在 Flutter 中，StatefulWidget 和 StatelessWidget 是两种不同类型的 Widget，它们的主要区别在于它们是否能够携带和管理状态。
StatelessWidget
StatelessWidget 是不可变的，这意味着一旦它们被创建，它们的属性就不能改变。它们适用于那些状态在构建之后不会发生变化的场景。典型的例子包括文本、图标和静态图片等。
示例
import 'package:flutter/material.dart';class MyStatelessWidget extends StatelessWidget {final String title;MyStatelessWidget({required this.title});Widget build(BuildContext context) {return Scaffold(appBar: AppBar(title: Text(title),),body: Center(child: Text('This is a stateless widget'),),);}
}
StatefulWidget
StatefulWidget 是可变的，它们可以在其生命周期内持有和管理状态。当状态改变时，可以调用 setState 方法来触发 Widget 的重新构建。它们适用于那些状态会在构建之后发生变化的场景，如表单、动画和用户交互等。
StatefulWidget 由两个类组成：
StatefulWidget类：定义了 Widget 本身。State类：包含了 Widget 的状态和状态变化的逻辑。
示例
import 'package:flutter/material.dart';class MyStatefulWidget extends StatefulWidget {_MyStatefulWidgetState createState() => _MyStatefulWidgetState();
}class _MyStatefulWidgetState extends State<MyStatefulWidget> {int _counter = 0;void _incrementCounter() {setState(() {_counter++;});}Widget build(BuildContext context) {return Scaffold(appBar: AppBar(title: Text('Stateful Widget Example'),),body: Center(child: Column(mainAxisAlignment: MainAxisAlignment.center,children: <Widget>[Text('You have pressed the button this many times:'),Text('$_counter',style: Theme.of(context).textTheme.headline4,),],),),floatingActionButton: FloatingActionButton(onPressed: _incrementCounter,tooltip: 'Increment',child: Icon(Icons.add),),);}
}
主要区别
-
状态管理：
StatelessWidget：无状态，不会随着数据的变化而重新构建。StatefulWidget：有状态，状态变化会触发重新构建。
-
生命周期：
StatelessWidget：只拥有一个简单的生命周期方法build。StatefulWidget：分为两部分，StatefulWidget本身的生命周期和其状态对象State的生命周期，后者包含多个方法如initState、setState、dispose等。
-
使用场景：
StatelessWidget：用于静态内容或不需要动态更新的场景。StatefulWidget：用于需要动态更新内容的场景，如用户交互、动画或异步数据处理等。
