Flutter之局部刷新(2021)

最新推荐文章于 2024-09-18 18:19:00 发布

Flutter&Python&Test

最新推荐文章于 2024-09-18 18:19:00 发布

阅读量676

点赞数

分类专栏： Flutter 文章标签： flutter

本文链接：https://blog.csdn.net/MidSummer411/article/details/112167880

版权

本文介绍了Flutter中的ValueListenableBuilder组件，它用于实现局部刷新。讲解了ValueListenableBuilder所需的ValueWidgetBuilder builder和ValueListenable对象，并提供了使用示例及完整代码。

摘要由CSDN通过智能技术生成

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

ValueListenableBuilder需要的元素:

类型为 ValueWidgetBuilder 的 builder, 监听对象的界面展现. 本质是一个方法，Widget Function(BuildContext context, T value, Widget child)
ValueListenable 对象 , 监听对象, 这里用它的实现类: ValueNotifier

使用

 ValueListenableBuilder<int>(
              builder: _builderWithValue,
              valueListenable: new_counter,
            ),

完整代码

class _MyHomePageState extends State<MyHomePage> {

// ValueNotifier是ValueListenableBuilder 需要传入的ValueListenable<T> 抽象类的实现 . 接收一个泛型.
  final ValueNotifier<int> new_counter = ValueNotifier<int>(0);

  void _incrementCounter() {
    new_counter.value += 1;
  }

// 每当监听的对象值发生变化时，会触发builder 方法进行刷新。
// 如下, 在点击时只需要改变 new_counter.value 的值&