Flutter StatefulBuilder 用来实现局部数据刷新

忘是亡心i 2023-10-07 18:39 30阅读 0赞

> 志在巅峰的攀登者，不会陶醉在沿途的某个脚印之中，在码农的世界里，优美的应用体验，来源于程序员对细节的处理以及自我要求的境界，年轻人也是忙忙碌碌的码农中一员，每天、每周，都会留下一些脚印，就是这些创作的内容，有一种执着，就是不知为什么，如果你迷茫，不妨来瞅瞅码农的轨迹。

##### 1 作用描述 #####

用来实现局部数据刷新的功能，官网描述如下：

*  A platonic widget that both has state and calls a closure to obtain its child widget. 一个柏拉图式的小部件，它既有状态，又调用一个闭包来获取它的子小部件。
 *  The StateSetter function passed to the builder is used to invoke a rebuild instead of a typical State’s State.setState.传递给构建器的StateSetter函数用于调用重构，而不是典型的State的State. setstate。
 *  Since the builder is re-invoked when the StateSetter is called, any variables that represents state should be kept outside the builder function.由于在调用StateSetter时将重新调用构建器，所以表示状态的任何变量都应该保留在构建器函数之外。

##### 2 基本使用核心代码 #####

class DemoStatefulBuilderPage extends StatelessWidget {
        
    
      @override
      Widget build(BuildContext context) {
        
        return Scaffold(
          //状态构建器
          body: buildStatefulBuilder(),
        );
      }
    }

int _count = 0;
      StatefulBuilder buildStatefulBuilder() {
        
        return StatefulBuilder(
          //构建状态改变的Widget
          builder: (BuildContext context, void Function(void Function()) setState) {
        
            //居中
            return Center(
              //手势识别
              child: GestureDetector(
                child: Text("早起的年轻人 $_count"),
                //单击事件
                onTap: () {
        
                  //刷新当前  StatefulBuilder 中的状态
                  setState(() {
        
                    _count++;
                  });
                },
              ),
            );
          },
        );
      }

--------------------

如果你迷茫 不妨来此 每日分享 先积累着再说  
更多Widget 的应用，小编已总结在书中

*  [点击查看][Link 1]  
    ![请添加图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5pep6LW355qE5bm06L275Lq6_size_20_color_FFFFFF_t_70_g_se_x_16]

--------------------

*  [点击查看][Link 2]

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5pep6LW355qE5bm06L275Lq6_size_20_color_FFFFFF_t_70_g_se_x_16_pic_center]

[Link 1]: https://item.jd.com/13495868.html
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5pep6LW355qE5bm06L275Lq6_size_20_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/ed9ecf4aacc84e5cb17d5b486e431083.jpg?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5pep6LW355qE5bm06L275Lq6,size_20,color_FFFFFF,t_70,g_se,x_16
[Link 2]: https://item.jd.com/13009851.htmll
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5pep6LW355qE5bm06L275Lq6_size_20_color_FFFFFF_t_70_g_se_x_16_pic_center]: https://img-blog.csdnimg.cn/0b0016200df2484aa2029c1b20224fee.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5pep6LW355qE5bm06L275Lq6,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center