update bindings

Author: cahyo-agoenk

example/lib/main.dart

@@ -82,7 +82,26 @@ class _MyHomePageState extends State<MyHomePage> {
                 separatorBuilder: (c, i) =>
                     Separator(margin: EdgeInsets.only(left: 12)),
                 itemBuilder: (c, i) {
-                  return TextCell(title: _items[i].coalesce("-").capitalize());
+                  switch (i) {
+                    case 0:
+                      return CheckboxCell(
+                          title: _items[i].coalesce("-").capitalize(),
+                          onChecked: (checked) {});
+                    case 1:
+                      return DateTimePickerCell(
+                          _items[i].coalesce("-").capitalize(), (dateTime) {});
+                    case 2:
+                      return PickerViewCell(
+                          title: _items[i].coalesce("-").capitalize(),
+                          items: "A B C D E F".split(' '));
+                    case 3:
+                      return SelectableViewCell(
+                          child: Text(_items[i].coalesce("-").capitalize()),
+                          selected: false);
+                    default:
+                      return TextCell(
+                          title: _items[i].coalesce("-").capitalize());
+                  }
                 },
               ),
             ),

lib/widgets/checkbox_cell.dart

@@ -16,24 +16,24 @@ class CheckboxCell extends StatefulWidget {
   CheckboxCell({
     GlobalKey? key,
     this.checked = false,
-    this.title,
+    required this.title,
     this.onTap,
     this.detail,
     this.titleColor,
     this.detailColor,
     required this.onChecked,
-    this.onStart,
+    this.isAsync = false,
   }) : super(key: key);
 
+  final bool isAsync;
   bool checked;
-  String? title;
+  final String title;
   String? detail;
   Color? titleColor;
   Color? detailColor;
 
   final ValueChanged<bool> onChecked;
   ValueChanged<ValueChanged<String>>? onTap;
-  String? Function()? onStart;
 
   @override
   State<StatefulWidget> createState() => CheckboxCellState();
@@ -47,25 +47,22 @@ class CheckboxCellState extends State<CheckboxCell> {
     _checkboxState.currentState!.setChecked(isChecked);
   }
 
-  String _detail = "";
-
   void setDetail(String text) {
     setState(() {
-      _detail = text;
+      widget.detail = text;
     });
   }
 
   @override
   void initState() {
     super.initState();
-    _detail = widget.detail ?? "";
-    if (widget.onStart != null) _detail = widget.onStart!() ?? "";
   }
 
   @override
   Widget build(BuildContext context) {
     return ViewCell(
       showIcon: widget.onTap != null,
+      isAsync: widget.isAsync,
       child: Container(
         child: Row(
           crossAxisAlignment: CrossAxisAlignment.center,
@@ -80,7 +77,7 @@ class CheckboxCellState extends State<CheckboxCell> {
               width: 10,
             ),
             Text(
-              widget.title == null ? "" : widget.title!,
+              widget.title,
               style: TextStyle(color: widget.titleColor ?? Colors.black),
             ),
           ],
@@ -92,13 +89,13 @@ class CheckboxCellState extends State<CheckboxCell> {
           widget.onTap!((text) {
             if (!_checkboxState.currentState!.checked || widget.onTap == null)
               return;
-            setState(() => _detail = text);
+            setState(() => widget.detail = text);
           });
         }
       },
       detail: Flexible(
         child: Text(
-          _detail,
+          widget.detail ?? "",
           textAlign: TextAlign.right,
           style: TextStyle(
               color: widget.detailColor ?? CupertinoColors.systemGrey),

lib/widgets/datetime_cell.dart

@@ -20,11 +20,13 @@ class DateTimeCell extends DateTimePickerCell {
     DateTimeCellMode mode = DateTimeCellMode.Date,
     DateTime? initialDateTime,
     String? dateTimeFormat,
+    bool isAsync = false,
   }) : super(
           title,
           onSelected,
           dateTimeFormat: dateTimeFormat,
           initialDateTime: initialDateTime,
+          isAsync: isAsync,
           mode: mode,
         );
 }
@@ -44,11 +46,14 @@ class DateTimePickerCell extends StatefulWidget {
     DateTimeSelected onSelected, {
     this.mode = DateTimeCellMode.Date,
     DateTime? initialDateTime,
+    this.isAsync = false,
     this.dateTimeFormat,
   })  : this.title = title,
         this.onSelected = onSelected,
         this.initialDateTime = initialDateTime ?? DateTime.now();
 
+  final bool isAsync;
+
   @override
   State<StatefulWidget> createState() => _DateTimeCellState();
 }
@@ -78,6 +83,7 @@ class _DateTimeCellState extends State<DateTimePickerCell> {
           color: Colors.black,
         ),
       ),
+      isAsync: widget.isAsync,
       hasUneventRows: true,
       padding: EdgeInsets.only(left: 12, top: 8, right: 10, bottom: 8),
       enableSelection: false,

lib/widgets/picker_view_cell.dart

@@ -24,8 +24,11 @@ class PickerViewCell extends StatefulWidget {
     this.onSelected,
     this.pickerSize,
     this.index,
+    this.isAsync = false,
   }) : assert(items.isNotEmpty, "items mus have at least 1 value(s)");
 
+  final bool isAsync;
+
   @override
   State<StatefulWidget> createState() => _PickerViewCellState();
 }
@@ -48,6 +51,7 @@ class _PickerViewCellState extends State<PickerViewCell> {
           color: Colors.black,
         ),
       ),
+      isAsync: widget.isAsync,
       hasUneventRows: true,
       padding: EdgeInsets.only(left: 12, top: 8, right: 10, bottom: 8),
       enableSelection: false,

lib/widgets/selectable_view_cell.dart

@@ -19,7 +19,7 @@ class SelectableViewCell extends StatelessWidget {
   });
 
   final Widget child;
-  bool selected;
+  final bool selected;
   Color? iconColor;
   IconData? selectedIcon;
   void Function()? onTap;

lib/widgets/stack_view_cell.dart

@@ -19,14 +19,18 @@ class StackViewCell extends StatelessWidget {
     this.showIcon = false,
     this.padding,
     this.onTap,
+    this.isAsync = false,
   });
 
+  final bool isAsync;
+
   @override
   Widget build(BuildContext context) {
     return ViewCell(
       onTap: onTap ?? () {},
       showIcon: showIcon,
       hasUneventRows: true,
+      isAsync: isAsync,
       padding: padding ?? EdgeInsets.fromLTRB(12, 5, 5, 5),
       detail: showIcon ? Text("") : null,
       child: Column(

lib/widgets/switch_cell.dart

@@ -10,27 +10,28 @@ import 'package:housecode/widgets/view_cell.dart';
 
 typedef SwitchValueChanged = void Function(bool isEnable);
 
+// ignore: must_be_immutable
 class SwitchCell extends StatefulWidget {
-  final bool initialValue;
+  bool isChecked;
   final String title;
   final SwitchValueChanged onChanged;
 
-  SwitchCell(bool value, String title, SwitchValueChanged onChanged)
-      : this.initialValue = value,
+  SwitchCell(bool value, String title, SwitchValueChanged onChanged,
+      {this.isAsync = false})
+      : this.isChecked = value,
         this.onChanged = onChanged,
         this.title = title;
 
+  final bool isAsync;
+
   @override
   State<StatefulWidget> createState() => _SwitchCellState();
 }
 
 class _SwitchCellState extends State<SwitchCell> {
-  late bool _value;
-
   @override
   void initState() {
     super.initState();
-    _value = widget.initialValue;
   }
 
   @override
@@ -46,14 +47,15 @@ class _SwitchCellState extends State<SwitchCell> {
           ),
         ),
       ),
+      isAsync: widget.isAsync,
       enableSelection: false,
       detail: CupertinoSwitch(
-        value: _value,
+        value: widget.isChecked,
         onChanged: (value) {
           setState(() {
-            _value = value;
+            widget.isChecked = value;
           });
-          widget.onChanged(_value);
+          widget.onChanged(widget.isChecked);
         },
       ),
     );

lib/widgets/text_cell.dart

@@ -24,8 +24,10 @@ class TextCell extends StatefulWidget {
     this.boldTitle = false,
     this.fontSize,
     this.expanded = true,
+    this.isAsync = false,
   });
 
+  final bool isAsync;
   bool boldTitle;
   final String title;
   String detail;
@@ -66,6 +68,7 @@ class _TextCellState extends State<TextCell> {
           ),
         ),
       ),
+      isAsync: widget.isAsync,
       onTap: widget.onTap == null
           ? null
           : () {

lib/widgets/view_cell.dart

@@ -6,12 +6,14 @@
 
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
+import 'package:housecode/widgets/circular_indicator.dart';
 
 /// view cell for Listview itemBuilder
 // ignore: must_be_immutable
 class ViewCell extends StatelessWidget {
   ViewCell({
     required this.child,
+    this.isAsync = false,
     this.hasUneventRows = false,
     this.padding,
     this.detail,
@@ -32,6 +34,7 @@ class ViewCell extends StatelessWidget {
   bool? showIcon;
   bool enableSelection;
   final bool expanded;
+  final bool isAsync;
 
   void Function()? onTap;
 
@@ -66,7 +69,7 @@ class ViewCell extends StatelessWidget {
                       mainAxisSize: MainAxisSize.max,
                       crossAxisAlignment: CrossAxisAlignment.center,
                       children: [
-                        detail ?? Container(),
+                        isAsync ? CircularIndicator() : detail ?? Container(),
                         Container(
                             width: onTap != null && (showIcon ?? false) == true
                                 ? 5