Flutter对象状态动态监听Watcher

许天成

于 2023-08-23 09:20:31 发布

阅读量1.7k

点赞数

分类专栏： Dart flutter 文章标签：前端 flutter Dart

本文链接：https://blog.csdn.net/u012800952/article/details/132444175

版权

场景：当一个表单需要在表单全部或者特定项赋值后才会让提交按钮可点击。

1.普通实现方式：

    ///场景：检查[test11][test12][test13]均不为空时做一些事情，例如提交按钮变成可点击
    String? test11;
    String? test12;
    int? test13;
    ///当需要检查[test11][test12][test13]是否全部有值时需要这么做。
    ///1.给[test11][test12][test13]设置监听，或者在他们赋值的时候每次调用2检查。
    ///2.检查三个值的状态
    if(test11!=null&&test12!=null&&test12!=null){
      ///print [test11][test12][test13]均不为空。
    }

2.使用Watcher方式实现：

    ///使用[WatchableObject]配合[Watcher]监测
    ///1.只需要把String、int、bool、等对象用[WatchableObject]代替。
    WatchableObject test1 = WatchableObject();
    WatchableObject test2 = WatchableObject();
    WatchableObject test3 = WatchableObject();
    ///2.使用[Watcher]单例绑定对象。
    Watcher().bindObject([test1, test2, test3]);
    ///3.检查回调
    Watcher().check((allCheck) {
      print("?????????????????????=$