feaure: isCalculating option on depends_on_async

ali77gh · Mar 28, 2023 · 07a7503 · 07a7503
1 parent 64a3a5c
commit 07a7503
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/example/lib/03_2_depends_on_async/depends_on_async_sample.dart b/example/lib/03_2_depends_on_async/depends_on_async_sample.dart
@@ -16,6 +16,7 @@ class DependObservableAsyncSampleLayoutState
   late Telescope<int> weight;
   late Telescope<double> bmi;
   late Telescope<String> showingText;
+  var  loadingBMI = Telescope(false);
 
   @override
   void initState() {
@@ -26,11 +27,12 @@ class DependObservableAsyncSampleLayoutState
 
     bmi = Telescope.dependsOnAsync(0, [height, weight], () async {
       return await calculateBMI(height.value, weight.value);
-    });
+    }, isCalculating: loadingBMI);
 
-    showingText = Telescope.dependsOn([height, weight, bmi], () {
+    showingText = Telescope.dependsOn([height, weight, bmi, loadingBMI], () {
       var bmis = bmi.value.toString();
-      bmis = bmis.length > 5 ? bmis.substring(0, 5) : bmis;
+      bmis = loadingBMI.value ? "..." : bmis.length > 5 ? bmis.substring(0, 5) : bmis;
+
       return "weight is ${weight.value} and height is ${height.value} so bmi will be $bmis";
     });
   }

diff --git a/lib/src/telescope.dart b/lib/src/telescope.dart
@@ -46,15 +46,22 @@ class Telescope<T> {
   /// Use this if you need to use await in calculate function
   Telescope.dependsOnAsync(
       this.holden, List<Telescope> dependencies, Future<T> Function() calculate,
-      {this.iWillCallNotifyAll = false}) {
+      {
+        this.iWillCallNotifyAll = false,
+        Telescope<bool>? isCalculating,
+      }) {
+    isCalculating?.value = true;
     calculate().then((value) {
       holden = value;
+      isCalculating?.value = false;
       notifyAll();
     });
     for (var o in dependencies) {
       o.subscribe(() {
+        isCalculating?.value = true;
         calculate().then((value) {
           holden = value;
+          isCalculating?.value = false;
           notifyAll();
         });
       });