Flutter中的widget（组件）

---

在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(