basic shimmer component completed

Author: deepikahr

example/lib/main.dart

@@ -8,10 +8,10 @@ void main() => runApp(MyApp());
 class MyApp extends StatelessWidget {
   @override
   Widget build(BuildContext context) => MaterialApp(
-    title: 'GetFlutter',
-    debugShowCheckedModeBanner: false,
-    home: MyHomePage(),
-  );
+        title: 'GetFlutter',
+        debugShowCheckedModeBanner: false,
+        home: MyHomePage(),
+      );
 }
 
 class MyHomePage extends StatefulWidget {
@@ -37,84 +37,84 @@ class _MyHomePageState extends State<MyHomePage> {
 
   @override
   Widget build(BuildContext context) => Scaffold(
-    backgroundColor: GFColors.DARK,
-    body: Column(
-      mainAxisAlignment: MainAxisAlignment.spaceEvenly,
-      crossAxisAlignment: CrossAxisAlignment.center,
-      children: <Widget>[
-        InkWell(
-          onTap: () {
-            _launchUrl(_githubLibraryRepoLink);
-          },
-          child: SvgPicture.asset('lib/assets/logo.svg'),
-        ),
-        Column(
-          mainAxisAlignment: MainAxisAlignment.center,
+        backgroundColor: GFColors.DARK,
+        body: Column(
+          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
           crossAxisAlignment: CrossAxisAlignment.center,
           children: <Widget>[
-            const Padding(
-              padding: EdgeInsets.only(bottom: 25),
-              child: Center(
-                child: Text(
-                  'To keep library size small and code clean we manage example on different repository. which includes clear usage of each and every component that we provide in GetFlutter library. Please have a look there.',
-                  style: TextStyle(
-                    fontSize: 16,
-                    color: GFColors.WHITE,
+            InkWell(
+              onTap: () {
+                _launchUrl(_githubLibraryRepoLink);
+              },
+              child: SvgPicture.asset('lib/assets/logo.svg'),
+            ),
+            Column(
+              mainAxisAlignment: MainAxisAlignment.center,
+              crossAxisAlignment: CrossAxisAlignment.center,
+              children: <Widget>[
+                const Padding(
+                  padding: EdgeInsets.only(bottom: 25),
+                  child: Center(
+                    child: Text(
+                      'To keep library size small and code clean we manage example on different repository. which includes clear usage of each and every component that we provide in GetFlutter library. Please have a look there.',
+                      style: TextStyle(
+                        fontSize: 16,
+                        color: GFColors.WHITE,
+                      ),
+                      textAlign: TextAlign.center,
+                    ),
                   ),
-                  textAlign: TextAlign.center,
                 ),
-              ),
+                GFButton(
+                    size: GFSize.large,
+                    text: 'View on Github',
+                    textStyle: const TextStyle(
+                      fontSize: 16,
+                      color: GFColors.WHITE,
+                    ),
+                    icon: SvgPicture.asset(
+                      'lib/assets/github.svg',
+                      height: 22,
+                    ),
+                    color: GFColors.SUCCESS,
+                    blockButton: true,
+                    onPressed: () {
+                      _launchUrl(_githuAppRepoLink);
+                    }),
+              ],
             ),
-            GFButton(
-                size: GFSize.large,
-                text: 'View on Github',
-                textStyle: const TextStyle(
-                  fontSize: 16,
-                  color: GFColors.WHITE,
-                ),
-                icon: SvgPicture.asset(
-                  'lib/assets/github.svg',
-                  height: 22,
-                ),
-                color: GFColors.SUCCESS,
-                blockButton: true,
-                onPressed: () {
-                  _launchUrl(_githuAppRepoLink);
-                }),
-          ],
-        ),
-        Column(
-          children: <Widget>[
-            const Padding(
-              padding: EdgeInsets.only(bottom: 25),
-              child: Center(
-                child: Text(
-                  'We also have same app on playstore. It shows various possibilities that you can achieve using GetFlutter library.',
-                  style: TextStyle(
-                    fontSize: 16,
-                    color: GFColors.WHITE,
+            Column(
+              children: <Widget>[
+                const Padding(
+                  padding: EdgeInsets.only(bottom: 25),
+                  child: Center(
+                    child: Text(
+                      'We also have same app on playstore. It shows various possibilities that you can achieve using GetFlutter library.',
+                      style: TextStyle(
+                        fontSize: 16,
+                        color: GFColors.WHITE,
+                      ),
+                      textAlign: TextAlign.center,
+                    ),
                   ),
-                  textAlign: TextAlign.center,
                 ),
-              ),
+                GFButton(
+                    size: GFSize.large,
+                    text: 'View on Playstore',
+                    textStyle:
+                        const TextStyle(fontSize: 16, color: GFColors.WHITE),
+                    icon: SvgPicture.asset(
+                      'lib/assets/playstore.svg',
+                      height: 20,
+                    ),
+                    color: GFColors.SUCCESS,
+                    blockButton: true,
+                    onPressed: () {
+                      _launchUrl(_playStoreLink);
+                    }),
+              ],
             ),
-            GFButton(
-                size: GFSize.large,
-                text: 'View on Playstore',
-                textStyle:
-                const TextStyle(fontSize: 16, color: GFColors.WHITE),
-                icon: SvgPicture.asset(
-                  'lib/assets/playstore.svg',
-                  height: 20,
-                ),
-                color: GFColors.SUCCESS,
-                blockButton: true,
-                onPressed: () {
-                  _launchUrl(_playStoreLink);
-                }),
           ],
         ),
-      ],
-    ),
-  );
+      );
 }

lib/components/alert/gf_alert.dart

@@ -93,7 +93,7 @@ class _GFAlertState extends State<GFAlert> with TickerProviderStateMixin {
             Container(
               width: widget.type == GFAlertType.fullWidth
                   ? MediaQuery.of(context).size.width
-                  : widget.width?? MediaQuery.of(context).size.width*0.885,
+                  : widget.width ?? MediaQuery.of(context).size.width * 0.885,
               constraints: const BoxConstraints(minHeight: 50),
               margin: widget.type == GFAlertType.fullWidth
                   ? const EdgeInsets.only(left: 0, right: 0)

lib/components/appbar/gf_appbar.dart

@@ -321,12 +321,12 @@ class _GFAppBarState extends State<GFAppBar> {
     IconThemeData actionsIconTheme = widget.actionsIconTheme ??
         appBarTheme.actionsIconTheme ??
         overallIconTheme;
-    TextStyle centerStyle = widget.textTheme?.title ??
-        appBarTheme.textTheme?.title ??
-        theme.primaryTextTheme.title;
-    TextStyle sideStyle = widget.textTheme?.body1 ??
-        appBarTheme.textTheme?.body1 ??
-        theme.primaryTextTheme.body1;
+    TextStyle centerStyle = widget.textTheme?.headline6 ??
+        appBarTheme.textTheme?.headline6 ??
+        theme.primaryTextTheme.headline6;
+    TextStyle sideStyle = widget.textTheme?.bodyText2 ??
+        appBarTheme.textTheme?.bodyText2 ??
+        theme.primaryTextTheme.bodyText2;
 
     if (widget.toolbarOpacity != 1.0) {
       final double opacity = const Interval(

lib/components/avatar/gf_avatar.dart

@@ -87,7 +87,7 @@ class GFAvatar extends StatelessWidget {
     final Color foregroundColor = GFColors.getGFColor(this.foregroundColor);
     assert(debugCheckHasMediaQuery(context));
     final ThemeData theme = Theme.of(context);
-    TextStyle textStyle = theme.primaryTextTheme.subhead.copyWith(
+    TextStyle textStyle = theme.primaryTextTheme.subtitle1.copyWith(
       color: foregroundColor,
     );
     Color effectiveBackgroundColor = backgroundColor;

lib/components/floating_widget/gf_floating_widget.dart

@@ -6,12 +6,12 @@ class GFFloatingWidget extends StatefulWidget {
   /// Inside floating widget [GFToast] can be used as body. See [GFToast]
   const GFFloatingWidget(
       {Key key,
-        this.child,
-        this.horizontalPosition,
-        this.verticalPosition,
-        this.blurnessColor,
-        this.showblurness = false,
-        this.body})
+      this.child,
+      this.horizontalPosition,
+      this.verticalPosition,
+      this.blurnessColor,
+      this.showblurness = false,
+      this.body})
       : super(key: key);
 
   ///child of  type [Widget] which floats across the body based on horizontal and vertical position
@@ -39,17 +39,17 @@ class GFFloatingWidget extends StatefulWidget {
 class _GFFloatingWidgetState extends State<GFFloatingWidget> {
   @override
   Widget build(BuildContext context) => Stack(
-    alignment: Alignment.center,
-    fit: StackFit.loose,
-    children: <Widget>[
-      Container(
-        height: MediaQuery.of(context).size.height,
-        child: widget.body ?? Container(),
-      ),
-      Positioned(
-          child: Container(
+        alignment: Alignment.center,
+        fit: StackFit.loose,
+        children: <Widget>[
+          Container(
             height: MediaQuery.of(context).size.height,
-            width:  MediaQuery.of(context).size.width,
+            child: widget.body ?? Container(),
+          ),
+          Positioned(
+              child: Container(
+            height: MediaQuery.of(context).size.height,
+            width: MediaQuery.of(context).size.width,
             color: widget.showblurness
                 ? widget.blurnessColor ?? Colors.black54
                 : null,
@@ -67,6 +67,6 @@ class _GFFloatingWidgetState extends State<GFFloatingWidget> {
               ],
             ),
           ))
-    ],
-  );
+        ],
+      );
 }

lib/components/rating/gf_rating.dart

@@ -86,7 +86,8 @@ class _GFRatingState extends State<GFRating> {
       icon = widget.defaultIcon ??
           Icon(
             Icons.star_border,
-            color: GFColors.getGFColor(widget.borderColor) ?? Theme.of(context).primaryColor,
+            color: GFColors.getGFColor(widget.borderColor) ??
+                Theme.of(context).primaryColor,
             size: GFSizesClass.getGFSize(widget.size),
           );
     } else if (!widget.showTextForm
@@ -96,14 +97,16 @@ class _GFRatingState extends State<GFRating> {
       icon = widget.halfFilledIcon ??
           Icon(
             Icons.star_half,
-            color: GFColors.getGFColor(widget.color) ?? Theme.of(context).primaryColor,
+            color: GFColors.getGFColor(widget.color) ??
+                Theme.of(context).primaryColor,
             size: GFSizesClass.getGFSize(widget.size),
           );
     } else {
       icon = widget.filledIcon ??
           Icon(
             Icons.star,
-            color: GFColors.getGFColor(widget.color) ?? Theme.of(context).primaryColor,
+            color: GFColors.getGFColor(widget.color) ??
+                Theme.of(context).primaryColor,
             size: GFSizesClass.getGFSize(widget.size),
           );
     }

lib/components/shimmer/gf_shimmer.dart

@@ -1,7 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:flutter/rendering.dart';
 
-enum GFShimmerDirection {leftToRight, rightToLeft, topToBottom, bottomToTop}
+enum GFShimmerDirection { leftToRight, rightToLeft, topToBottom, bottomToTop }
 
 @immutable
 class GFShimmer extends StatefulWidget {
@@ -33,39 +33,12 @@ class GFShimmer extends StatefulWidget {
   /// Controls animation effect, defaults true state that makes animation active.
   final bool enabled;
 
-  GFShimmer.withColors({
-    Key key,
-    @required this.child,
-    @required Color baseColor,
-    @required Color highlightColor,
-    this.duration = const Duration(milliseconds: 1500),
-    this.direction = GFShimmerDirection.leftToRight,
-    this.loop = 0,
-    this.enabled = true,
-  })  : gradient = LinearGradient(
-      begin: Alignment.topLeft,
-      end: Alignment.centerRight,
-      colors: <Color>[
-        baseColor,
-        baseColor,
-        highlightColor,
-        baseColor,
-        baseColor
-      ],
-      stops: const <double>[
-        0,
-        0.3,
-        0.5,
-        0.7,
-        1
-      ]),
-        super(key: key);
-
   @override
   _GFShimmerState createState() => _GFShimmerState();
 }
 
-class _GFShimmerState extends State<GFShimmer> with SingleTickerProviderStateMixin {
+class _GFShimmerState extends State<GFShimmer>
+    with SingleTickerProviderStateMixin {
   AnimationController _controller;
   int _count;
 
@@ -102,18 +75,17 @@ class _GFShimmerState extends State<GFShimmer> with SingleTickerProviderStateMix
 
   @override
   Widget build(BuildContext context) => AnimatedBuilder(
-      animation: _controller,
-      child: widget.child,
-    builder: (BuildContext context, Widget child) => Transform.rotate(
-        angle: _controller.value * 2.0 * 22/7,
-        child: child,
-      ),
-    );
+        animation: _controller,
+        child: widget.child,
+        builder: (BuildContext context, Widget child) => Transform.rotate(
+          angle: _controller.value * 2.0 * 22 / 7,
+          child: child,
+        ),
+      );
 
   @override
   void dispose() {
     _controller.dispose();
     super.dispose();
   }
 }
-