美文网首页
Flutter开发 局部刷新-StatefulBuilder

Flutter开发 局部刷新-StatefulBuilder

作者: 歐陽公子 | 来源:发表于2021-01-12 18:04 被阅读0次

Flutter状态类

Flutter开发当中总共有两种状态的Widget,一种是StatelessWidget;另一种是StatefulWidget。

StatelessWidget 是无状态控件,没有自己的私有数据,是纯展示型的控件,一个类继承自StatefulWidget,作为Widget树的一部分。

StatefulWidget 是有状态组件,持有的状态可能在 widget 生命周期改变。通俗的讲:如果我们想改变页面中的数据的话这个时候就需要用到 StatefulWidget,StatefulWidget继承自State,用于记录StatefulWidget会变化的状态,并且根据状态的变化,构建出新的Widget;

如果需要进行刷新页面改变状态的话,需要使用 setState(() {}),但是随着页面结构复杂化,如果每次进行赋值或者改变局部数据都进行setState(() {}),会对整体页面有较大的影响,可以使用局部刷新的StatefulBuilder。一下为使用方式

Flutter局部刷新 - StatefulBuilder

1、进行定义

  /// StateSetter

  StateSetter _reloadTextSetter;

2、使用控件

StatefulBuilder(

                builder: (BuildContext context, StateSetter stateSetter) {

              _reloadTextSetter = stateSetter;

              return Container()   

 ));

3、在需要局部刷新的地方进行调用,刷新方法。

    _reloadTextSetter(() {});

相关文章

  • Flutter开发 局部刷新-StatefulBuilder

    Flutter状态类 Flutter开发当中总共有两种状态的Widget,一种是StatelessWidget;另...

  • Flutter局部刷新

    setState会刷新整个页面,在只需要刷新部分组件的时候可以用StatefulBuilder 先给需要局部刷新的...

  • flutter局部刷新

    一、为什么要使用局部刷新 Flutter中有两个常用的状态Widget分为StatefulWidget和State...

  • Flutter局部刷新组件

    当界面复杂,嵌套多个子widget时,经常有刷新单个或者局部widget的需求,每次写业务时创建GlobalKey...

  • Flutter局部刷新技巧

    1、为什么需要局部刷新 如下图场景:在一个Navigator的某Router上有个Scffold页面,页面上并列三...

  • Flutter局部刷新原理

    概述在Flutter中,我们知道,刷新界面要调用setState方法,在一个界面中,通常只需要刷新某个组件或者某一...

  • Flutter之局部刷新(2021)

    Flutter 框架内部提供了一个非常小巧精致的组件,专门用于局部组件的刷新,它就是 ValueListenabl...

  • Flutter之刷新局部控件

    概述 在flutter开发时,有时候点击某个按钮,只需要刷新指定控件,而不需要将整个页面都刷新. 思路: 在待刷新...

  • Flutter性能优化之局部刷新

    Flutter中Widget分为StatefulWidget和StatelessWidget,分别为动态视图和静态...

  • iOS_UITableView中的几种刷新方式

    刷新UITableView 刷新局部cell 以上是刷新第0个section的第0个cell 刷新局部sectio...

网友评论

      本文标题:Flutter开发 局部刷新-StatefulBuilder

      本文链接:https://www.haomeiwen.com/subject/ajeloktx.html