《Flutter 控件大全》第一零一:ValueListenableBuilder

103 篇文章 128 订阅 ¥9.90 ¥99.00
本文介绍了Flutter中ValueListenableBuilder组件的使用,它用于处理全局数据变化并实时更新界面。通过ValueListenableBuilder,当数据发生变化时,整个应用的相应页面都能自动更新。文章提供了基本用法和更新数据的正确示例,强调了错误的写法以避免误解。
摘要由CSDN通过智能技术生成
  • 如果你对Flutter还有疑问或者技术方面的疑惑,欢迎加入Flutter交流群(微信:laomengit)。
  • 同时也欢迎关注我的Flutter公众号【老孟程序员】,公众号首发Flutter的相关内容。
  • Flutter地址:http://laomengit.com 里面包含160多个组件的详细用法。

在开发应用程序的时候有些数据是全局的,贯穿整个应用程序,比如用户信息,我们希望当这些数据发生变化时,应用程序任何页面的数据都更新,ValueListenableBuilder组件就是解决此问题的。

基本用法如下:

ValueNotifier<String> _name = ValueNotifier<String>('');

ValueListenableBuilder(
    builder: (context, value, child) {
      return Text(value);
    },
    valueListenable: _name,
    child: Text('未登录'),
  );

说明如下:

  • builder:在数据发生变化时调用,共有3个参数,分别表示context、数据新的值、子控件。

  • valueListenable:监听到数据,数据类型为ValueNotifier。

  • child:此参数将会回传给builder,可以为null。

更新数据用法如下:

_name = ValueNotifier<String>('老孟'); //错误用法
_name.value = '老孟';

注意这2种写法,第一种是错误的。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

老孟Flutter

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值