loader, listtile, progressbar, radiotile changes & comments changes

Author: Sandip Kakadiya

lib/components/list_tile/gf_list_tile.dart

@@ -107,7 +107,7 @@ class GFListTile extends StatelessWidget {
           selected: selected,
           enabled: enabled,
           child: Container(
-//        constraints: const BoxConstraints(minHeight: 50),
+            // constraints: const BoxConstraints(minHeight: 50),
             padding: padding,
             margin: margin,
             decoration: BoxDecoration(

lib/components/loader/gf_loader.dart

@@ -3,6 +3,7 @@ import 'package:flutter/material.dart';
 import 'package:getwidget/getwidget.dart';
 
 class GFLoader extends StatefulWidget {
+  /// [GFLoader] shows differnt type of loaders with different customization options.
   const GFLoader(
       {Key key,
       this.loaderColorOne = Colors.redAccent,
@@ -66,51 +67,25 @@ class _GFLoaderState extends State<GFLoader>
   Animation<double> loaderanimation2;
   Animation<double> loaderanimation3;
   AnimationController controller;
+  Interval interval = const Interval(0.1, 0.81, curve: Curves.linear);
 
   @override
   void initState() {
-    super.initState();
-
     controller = AnimationController(duration: widget.duration, vsync: this);
-
     loaderanimation1 = Tween<double>(begin: 0, end: 1).animate(
-      CurvedAnimation(
-        parent: controller,
-        curve: const Interval(
-          0,
-          0.71,
-          curve: Curves.linear,
-        ),
-      ),
+      CurvedAnimation(parent: controller, curve: interval),
     );
-
     loaderanimation2 = Tween<double>(begin: 0, end: 1).animate(
-      CurvedAnimation(
-        parent: controller,
-        curve: const Interval(
-          0.1,
-          0.81,
-          curve: Curves.linear,
-        ),
-      ),
+      CurvedAnimation(parent: controller, curve: interval),
     );
-
     loaderanimation3 = Tween<double>(begin: 0, end: 1).animate(
-      CurvedAnimation(
-        parent: controller,
-        curve: const Interval(
-          0.2,
-          0.91,
-          curve: Curves.linear,
-        ),
-      ),
+      CurvedAnimation(parent: controller, curve: interval),
     );
-
     controller.addListener(() {
       setState(() {});
     });
-
     controller.repeat();
+    super.initState();
   }
 
   @override
@@ -129,7 +104,7 @@ class _GFLoaderState extends State<GFLoader>
                     child: CircularProgressIndicator(
                       valueColor: widget.androidLoaderColor,
                       strokeWidth: widget.loaderstrokeWidth,
-//              value: 20,
+                      // value: 20,
                     ),
                   ))
                 : widget.type == GFLoaderType.ios
@@ -172,7 +147,6 @@ class _GFLoaderState extends State<GFLoader>
                                 color: widget.loaderColorTwo,
                                 type: widget.type,
                                 icon: widget.loaderIconTwo,
-//
                               ),
                             ),
                           ),
@@ -190,7 +164,6 @@ class _GFLoaderState extends State<GFLoader>
                                 color: widget.loaderColorThree,
                                 type: widget.type,
                                 icon: widget.loaderIconThree,
-//
                               ),
                             ),
                           ),
@@ -200,7 +173,9 @@ class _GFLoaderState extends State<GFLoader>
 
   @override
   void dispose() {
-    controller.dispose();
+    if (controller != null) {
+      controller.dispose();
+    }
     super.dispose();
   }
 }
@@ -215,7 +190,6 @@ class Loader extends StatelessWidget {
       this.size,
       this.child})
       : super(key: key);
-
   final double radius;
   final Color color;
   final GFLoaderType type;
@@ -225,15 +199,16 @@ class Loader extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) => Center(
-      child: type == GFLoaderType.custom
-          ? Container(child: child != null ? child : icon ?? Container())
-          : Container(
-              width: radius,
-              height: radius,
-              decoration: BoxDecoration(
-                  color: color,
-                  shape: type == GFLoaderType.circle
-                      ? BoxShape.circle
-                      : BoxShape.rectangle),
-            ));
+        child: type == GFLoaderType.custom
+            ? Container(child: child != null ? child : icon ?? Container())
+            : Container(
+                width: radius,
+                height: radius,
+                decoration: BoxDecoration(
+                    color: color,
+                    shape: type == GFLoaderType.circle
+                        ? BoxShape.circle
+                        : BoxShape.rectangle),
+              ),
+      );
 }

lib/components/progress_bar/gf_progress_bar.dart

@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:getwidget/getwidget.dart';
 
 class GFProgressBar extends StatefulWidget {
+  /// Shows progress as a completed and remaining percentage in bar of given state
   GFProgressBar({
     Key key,
     this.percentage = 0.2,
@@ -33,7 +34,6 @@ class GFProgressBar extends StatefulWidget {
       throw ArgumentError(
           ' linearGradient and progressBarColor cannot be given');
     }
-
     assert(circleStartAngle >= 0.0);
     if (percentage < 0.0 || percentage > 1.0) {
       throw Exception('Percentage value must be be tween 0.0 and 1.0');
@@ -276,7 +276,6 @@ class _GFProgressBarState extends State<GFProgressBar>
     if (widget.trailing != null) {
       item.add(widget.trailing);
     }
-
     return widget.type == GFProgressType.linear
         ? Material(
             color: Colors.transparent,
@@ -334,7 +333,6 @@ class LinearPainter extends CustomPainter {
       _paintBackground.strokeCap = StrokeCap.round;
     }
   }
-
   final Paint _paintBackground = Paint();
   final Paint _paintLine = Paint();
   final double circleWidth;
@@ -353,11 +351,9 @@ class LinearPainter extends CustomPainter {
     final start = Offset(0, size.height / 2);
     final end = Offset(size.width, size.height / 2);
     canvas.drawLine(start, end, _paintBackground);
-
     if (mask != null) {
       _paintLine.maskFilter = mask;
     }
-
     if (fromRightToLeft) {
       final xProgress = size.width - size.width * progress;
       if (linearGradient != null) {
@@ -416,7 +412,6 @@ class CirclePainter extends CustomPainter {
     _paintBackground.color = backgroundColor;
     _paintBackground.style = PaintingStyle.stroke;
     _paintBackground.strokeWidth = circleWidth;
-
     _paintLine.color = progressBarColor;
     _paintLine.style = PaintingStyle.stroke;
     _paintLine.strokeWidth = circleWidth;
@@ -444,7 +439,6 @@ class CirclePainter extends CustomPainter {
   void paint(Canvas canvas, Size size) {
     final child = Offset(size.width / 2, size.height / 2);
     canvas.drawCircle(child, radius, _paintBackground);
-
     if (mask != null) {
       _paintLine.maskFilter = mask;
     }
@@ -456,11 +450,8 @@ class CirclePainter extends CustomPainter {
         ),
       );
     }
-
     final double fixedStartAngle = circleStartAngle;
-
     const double circleStartAngleFixedMargin = 1;
-
     if (reverse) {
       final start =
           radians(360 * circleStartAngleFixedMargin - 90.0 + fixedStartAngle);

lib/components/radio/gf_radio.dart

@@ -5,6 +5,7 @@ import 'package:flutter/rendering.dart';
 import 'package:flutter/widgets.dart';
 
 class GFRadio<T> extends StatefulWidget {
+  /// [GFRadio] is one type of selection indicator in a list of options.
   const GFRadio(
       {Key key,
       @required this.value,
@@ -95,7 +96,6 @@ class _GFRadioState<T> extends State<GFRadio<T>> with TickerProviderStateMixin {
   T groupValue;
 
   void onStatusChange() {
-    print('wer ${widget.value == widget.groupValue}');
     groupValue = widget.value;
     _handleChanged(widget.value == groupValue);
   }
@@ -112,10 +112,7 @@ class _GFRadioState<T> extends State<GFRadio<T>> with TickerProviderStateMixin {
 
   @override
   Widget build(BuildContext context) {
-//    print('gr ${widget.value} ${widget.groupValue}');
     selected = widget.value == widget.groupValue;
-//    print('sel $selected');
-
     return InkWell(
         enableFeedback: enabled,
         onTap: onStatusChange,

lib/components/radio_list_tile/gf_radio_list_tile.dart

@@ -14,6 +14,7 @@ class GFRadioListTile<T> extends StatelessWidget {
     this.inactivebgColor = GFColors.WHITE,
     this.activeBorderColor = GFColors.DARK,
     this.inactiveBorderColor = GFColors.DARK,
+    this.position = GFPosition.end,
     this.activeIcon = const Icon(
       Icons.check,
       size: 20,
@@ -59,7 +60,7 @@ class GFRadioListTile<T> extends StatelessWidget {
   /// The GFListTile's background color. Can be given [Color] or [GFColors]
   final Color color;
 
-  /// type of [Widget] or [GFAvatar] used to create rounded user profile
+  /// If position is start Checkbox will come instead of avatar, type of [Widget] or [GFAvatar] used to create rounded user profile
   final Widget avatar;
 
   /// The title to display inside the [GFListTile]. see [Text]
@@ -71,7 +72,7 @@ class GFRadioListTile<T> extends StatelessWidget {
   /// The description to display inside the [GFListTile]. see [Text]
   final Widget description;
 
-  /// The icon to display inside the [GFListTile]. see [Icon]
+  /// If position is end Checkbox will come instead of icon, The icon to display inside the [GFListTile]. see [Icon]
   final Widget icon;
 
   /// defines the margin of GFListTile
@@ -92,6 +93,9 @@ class GFRadioListTile<T> extends StatelessWidget {
   /// Inoperative if [enabled] is false.
   final GestureTapCallback onTap;
 
+  /// Position allows user to set position of [GFCheckbox] based on given [GFPosition]
+  final GFPosition position;
+
   /// Called when the user long-presses on this list tile.
   ///
   /// Inoperative if [enabled] is false.
@@ -163,45 +167,48 @@ class GFRadioListTile<T> extends StatelessWidget {
   bool get checked => value == groupValue;
 
   @override
-  Widget build(BuildContext context) => MergeSemantics(
-        child: GFListTile(
-          autofocus: autofocus,
-          enabled: onChanged != null,
-          onTap: onChanged != null
-              ? () {
-                  if (toggleable && checked) {
-                    onChanged(null);
-                    return;
-                  }
-                  if (!checked) {
-                    onChanged(value);
-                  }
+  Widget build(BuildContext context) {
+    GFRadio radio = GFRadio(
+      autofocus: autofocus,
+      onChanged: onChanged,
+      value: value,
+      groupValue: groupValue,
+      size: size,
+      activebgColor: activebgColor,
+      inactiveIcon: inactiveIcon,
+      activeBorderColor: activeBorderColor,
+      inactivebgColor: inactivebgColor,
+      activeIcon: activeIcon,
+      inactiveBorderColor: inactiveBorderColor,
+      custombgColor: custombgColor,
+    );
+    return MergeSemantics(
+      child: GFListTile(
+        autofocus: autofocus,
+        enabled: onChanged != null,
+        onTap: onChanged != null
+            ? () {
+                if (toggleable && checked) {
+                  onChanged(null);
+                  return;
+                }
+                if (!checked) {
+                  onChanged(value);
                 }
-              : null,
-          selected: selected,
-          avatar: avatar,
-          titleText: titleText,
-          subTitle: subTitle,
-          subtitleText: subtitleText,
-          description: description,
-          color: color,
-          padding: padding,
-          margin: margin,
-          title: title,
-          icon: GFRadio(
-            autofocus: autofocus,
-            onChanged: onChanged,
-            value: value,
-            groupValue: groupValue,
-            size: size,
-            activebgColor: activebgColor,
-            inactiveIcon: inactiveIcon,
-            activeBorderColor: activeBorderColor,
-            inactivebgColor: inactivebgColor,
-            activeIcon: activeIcon,
-            inactiveBorderColor: inactiveBorderColor,
-            custombgColor: custombgColor,
-          ),
-        ),
-      );
+              }
+            : null,
+        selected: selected,
+        avatar: position == GFPosition.start ? radio : avatar,
+        titleText: titleText,
+        subTitle: subTitle,
+        subtitleText: subtitleText,
+        description: description,
+        color: color,
+        padding: padding,
+        margin: margin,
+        title: title,
+        icon: position == GFPosition.end ? radio : icon,
+      ),
+    );
+  }
 }