Flutter改变状态变量是否必须写在setState回调详解

 更新时间:2022年11月10日 14:41:43   作者:deepfunc  
这篇文章主要为大家介绍了Flutter改变状态变量是否必须写在setState回调里的原理详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

正文

我们都知道 setState(VoidCallback fn) 是这样用的:

setState(() {
  count++;
});

执行完后组件会重新 build(),就可以取到 count 的最新值了。但其实这样写也是一样的:

count++;
setState(() {});

因为 setState() 最后会调用 markNeedsBuild(),Flutter 会调度使组件 rebuild,所以状态变量的改变不是必须写在 setState() 的回调里面,只需要最后执行一下 setState() 也可以达到刷新界面的效果。

那为什么 Flutter 要设计 setState() 有个回调函数呢?有两个原因:

一是 setState() 的状态更新是同步的,如果你在 fn 里返回了一个 Future 去改变状态的值,setState 内部的断言会提示你不要这样做,应该在 Future 完成后在同步代码里去调用 setState 改变状态。

二是为了代码可维护性考虑。试想一下随着业务代码的迭代,可能会有很多状态变量会发生改变,比如一开始只有状态变量 a,后来加入了状态变量 b 和 c,代码变成这样:

a++;
b++;
c++;
setState(() {});

当后续业务发生变化这些状态变量都不需要了,后面维护的童鞋把这些状态变量都删除了。因为大家通常都只关注改自己的代码,会有可能忘记删除最后的 setState,代码就变成了这样:

// a++;
// b++;
// c++;
setState(() {});

这样就造成了不必要的 rebuild 浪费。所以综上所述,特别是考虑到代码的维护性,我们都应该把状态变量的改变放到 setState 的回调里面。

以上就是Flutter改变状态变量是否必须写在setState回调详解的详细内容,更多关于Flutter改变状态变量setState回调的资料请关注脚本之家其它相关文章!

相关文章

  • 解决Android 高CPU占用率的问题

    解决Android 高CPU占用率的问题

    最近测试测试APP的一个功能,发现点击页面上的按钮后,CPU占有率比之前的版本要高,所以本文给大家介绍了如何解决Android 高CPU占用率的问题,需要的朋友可以参考下
    2023-09-09
  • Android 静默安装实现方法

    Android 静默安装实现方法

    这篇文章主要介绍了Android 静默安装实现方法的相关资料,静默安装的方法,静默安装就是绕过安装程序时的提示窗口,直接在后台安装,需要的朋友可以参考下
    2017-04-04
  • A07_TimePicker & DatePicker & AnalogClock & DigitalClock 的设置小结

    A07_TimePicker & DatePicker & AnalogClock & Digi

    本文将带领大家一起学习时间日期和时钟的设置。A07_TimePicker & DatePicker & AnalogClock & DigitalClock 的设置,感兴趣的朋友可以参考下哈
    2013-06-06
  • Android Studio导入Project与Module的方法及实例

    Android Studio导入Project与Module的方法及实例

    这篇文章主要介绍了Android Studio导入Project与Module的方法及实例的相关资料,需要的朋友可以参考下
    2017-04-04
  • Android 应用的全屏和非全屏实现代码

    Android 应用的全屏和非全屏实现代码

    这篇文章主要介绍了Android 应用的全屏和非全屏实现代码的相关资料,需要的朋友可以参考下
    2017-05-05
  • Android Studio自动生成UML关系图的方法步骤

    Android Studio自动生成UML关系图的方法步骤

    本文主要介绍了Android Studio自动生成UML关系图,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08
  • Android中在WebView里实现Javascript调用Java类的方法

    Android中在WebView里实现Javascript调用Java类的方法

    这篇文章主要介绍了Android中在WebView里实现Javascript调用Java类的方法,本文直接给出示例,需要的朋友可以参考下
    2015-03-03
  • Android星级评分条实现评分界面

    Android星级评分条实现评分界面

    这篇文章主要为大家详细介绍了Android星级评分条实现评分界面,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-05-05
  • Android UI实现广告Banner轮播效果

    Android UI实现广告Banner轮播效果

    这篇文章主要为大家详细介绍了Android UI实现广告Banner轮播效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • Android实现NFC读取校园卡

    Android实现NFC读取校园卡

    这篇文章主要为大家详细介绍了Android实现NFC读取校园卡,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09

最新评论