在Flutter开发的应用程序中,页面上显示的所有内容都是Widget;Widget分为无状态Widget (StatelessWidget)和有状态Widget(StatefulWidget)两种。
1. StatelessWidget
StatelessWidget应用于Widget不会在运行时发生变化的场景。
2. StatefulWidget
StatefulWidget应用于Widget会在运行时发生变化的场景,也就是应用程序根据用户交互或网络请求状态下,页面显示的内容需要发生变化,即需要重新绘制新的Widget。
例如:应用程序的页面上有一个文本摆组件Text和一个按钮组件FloatingActionButton,在点击按钮后Text组件上示的内容发生变化。
第一步: 创建继承自StatefulWidget的自定义类——StatefulWidgetPage
第二步: 创建继承自State的自定义类——StatefulWidgetPageState
class shouyeWidget extends StatefulWidget {
@override
State createState() {
return shouyeState();
}
}
class shouyeState extends State {
@override
void setState(VoidCallback fn) {
// TODO: implement setState
setState(() {
});
}
@override
Widget build(BuildContext context) {
var select = 0;
return Scaffold(