当前位置:   article > 正文

Flutter中的widget(组件)_flutter widget

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(
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Cpp五条/article/detail/313334
推荐阅读
相关标签
  

闽ICP备14008679号