removed shape in intro slide widget for better user experience

Author: srinivas

lib/components/intro_screen/gf__intro_bottom_navigation.dart

@@ -19,7 +19,7 @@ class GFIntroBottomNavigation extends StatelessWidget {
     this.onSkipTap,
     this.skipWidget,
     this.rightWidget,
-    this.dotShape = BoxShape.rectangle,
+    this.dotShape = BoxShape.circle,
     this.defaultColor,
     this.activeColor,
     this.dotHeight,

lib/components/intro_screen/gf_intro_bubble_slide.dart

@@ -28,7 +28,8 @@ class GFIntroBubbleSlide extends StatelessWidget {
               child: Container(
                 width: MediaQuery.of(context).size.width / 2,
                 height: MediaQuery.of(context).size.height / 2,
-                padding: const EdgeInsets.only(left:16,right: 16, top: 24, bottom: 24),
+                padding: const EdgeInsets.only(
+                    left: 16, right: 16, top: 24, bottom: 24),
                 color: color.withOpacity(0.5),
                 child: child ??
                     RawMaterialButton(

lib/components/intro_screen/gf_intro_screen.dart

@@ -102,7 +102,7 @@ class _GFIntroScreenState extends State<GFIntroScreen> {
                             duration: const Duration(milliseconds: 500),
                             curve: Curves.linear);
                       },
-                      pagesCount: widget.slides ?? slides().length,
+                      pagesCount: widget.slides.length ?? slides().length,
                       pageNumber: page,
                     )
               ],
@@ -115,8 +115,8 @@ class _GFIntroScreenState extends State<GFIntroScreen> {
     list.add(const GFIntroSlide(
       backgroundColor: Colors.white,
       title: 'First',
-      imageHeight: 100,
-      imageWidth: 100,
+      imageHeight: 200,
+      imageWidth: 200,
       image: NetworkImage('https://www.gstatic.com/webp/gallery/3.jpg'),
     ));
     list.add(const GFIntroSlide(

lib/components/intro_screen/gf_intro_slide.dart

@@ -3,18 +3,17 @@ import 'package:getwidget/colors/gf_color.dart';
 import 'package:getwidget/components/image/gf_image_overlay.dart';
 
 class GFIntroSlide extends StatelessWidget {
-  const GFIntroSlide(
-      {Key key,
-      @required this.image,
-      this.imageHeight = 100,
-      this.imageWidth = 100,
-      this.title,
-      this.subTitle,
-      this.titleStyle = const TextStyle(fontSize: 20, color: GFColors.DARK),
-      this.subTitleStyle = const TextStyle(fontSize: 16, color: GFColors.DARK),
-      this.backgroundColor = GFColors.PRIMARY,
-      this.imageShape = BoxShape.circle})
-      : super(key: key);
+  const GFIntroSlide({
+    Key key,
+    @required this.image,
+    this.imageHeight = 100,
+    this.imageWidth = 100,
+    this.title,
+    this.subTitle,
+    this.titleStyle = const TextStyle(fontSize: 20, color: GFColors.DARK),
+    this.subTitleStyle = const TextStyle(fontSize: 16, color: GFColors.DARK),
+    this.backgroundColor = GFColors.PRIMARY,
+  }) : super(key: key);
   final double imageHeight;
   final double imageWidth;
   final ImageProvider image;
@@ -23,7 +22,6 @@ class GFIntroSlide extends StatelessWidget {
   final String subTitle;
   final TextStyle subTitleStyle;
   final Color backgroundColor;
-  final BoxShape imageShape;
 
   @override
   Widget build(BuildContext context) => Container(
@@ -33,8 +31,8 @@ class GFIntroSlide extends StatelessWidget {
           crossAxisAlignment: CrossAxisAlignment.center,
           children: <Widget>[
             GFImageOverlay(
-                shape: imageShape,
                 height: imageHeight,
+                colorFilter: const ColorFilter.mode(null, null),
                 width: imageWidth,
                 image: image),
             const SizedBox(

pubspec.yaml

@@ -15,4 +15,4 @@ dev_dependencies:
     sdk: flutter
 
 flutter:
-  uses-material-design: true
+  uses-material-design: true