code refactored

Author: srinivas

lib/components/intro_screen/gf_intro_screen.dart

@@ -38,7 +38,7 @@ class _GFIntroScreenState extends State<GFIntroScreen> {
                   setState(() {
                     page = _pageController.page.round() + 1;
                     _pageController.nextPage(
-                        duration: const Duration(milliseconds: 200),
+                        duration: const Duration(milliseconds: 500),
                         curve: Curves.linear);
                   });
                 }
@@ -53,39 +53,39 @@ class _GFIntroScreenState extends State<GFIntroScreen> {
   List<Widget> slides() {
     final List<Widget> list = [];
     list.add(const GFIntroSlide(
+      backgroundColor: Colors.white,
       title: 'First',
       imageHeight: 200,
       imageWidth: 200,
-      image: NetworkImage(
-          'https://rukminim1.flixcart.com/image/832/832/kcc9q4w0/television/g/g/g/samsung-ua32t4010arxxl-ua32t4010arxxl-original-imafthw74azys6rp.jpeg?q=70'),
+      image: NetworkImage('https://www.gstatic.com/webp/gallery/3.jpg'),
     ));
     list.add(const GFIntroSlide(
+      backgroundColor: Colors.yellow,
       title: 'Second',
       imageHeight: 200,
       imageWidth: 200,
-      image: NetworkImage(
-          'https://rukminim1.flixcart.com/image/832/832/kcc9q4w0/television/g/g/g/samsung-ua32t4010arxxl-ua32t4010arxxl-original-imafthw74azys6rp.jpeg?q=70'),
+      image: NetworkImage('https://www.gstatic.com/webp/gallery/1.jpg'),
     ));
     list.add(const GFIntroSlide(
+      backgroundColor: Colors.brown,
       title: 'Third',
       imageHeight: 200,
       imageWidth: 200,
-      image: NetworkImage(
-          'https://rukminim1.flixcart.com/image/832/832/kcc9q4w0/television/g/g/g/samsung-ua32t4010arxxl-ua32t4010arxxl-original-imafthw74azys6rp.jpeg?q=70'),
+      image: NetworkImage('https://www.gstatic.com/webp/gallery/2.jpg'),
     ));
     list.add(const GFIntroSlide(
+      backgroundColor: Colors.purple,
       title: 'Fourth',
       imageHeight: 200,
       imageWidth: 200,
-      image: NetworkImage(
-          'https://rukminim1.flixcart.com/image/832/832/kcc9q4w0/television/g/g/g/samsung-ua32t4010arxxl-ua32t4010arxxl-original-imafthw74azys6rp.jpeg?q=70'),
+      image: NetworkImage('https://www.gstatic.com/webp/gallery/3.jpg'),
     ));
     list.add(const GFIntroSlide(
+      backgroundColor: Colors.orange,
       title: 'Fifth',
       imageHeight: 200,
       imageWidth: 200,
-      image: NetworkImage(
-          'https://rukminim1.flixcart.com/image/832/832/kcc9q4w0/television/g/g/g/samsung-ua32t4010arxxl-ua32t4010arxxl-original-imafthw74azys6rp.jpeg?q=70'),
+      image: NetworkImage('https://www.gstatic.com/webp/gallery/4.jpg'),
     ));
     return list;
   }

lib/components/intro_screen/gf_intro_slide.dart

@@ -12,7 +12,8 @@ class GFIntroSlide extends StatelessWidget {
       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.backgroundColor = GFColors.PRIMARY,
+      this.imageShape = BoxShape.circle})
       : super(key: key);
   final double imageHeight;
   final double imageWidth;
@@ -22,6 +23,7 @@ class GFIntroSlide extends StatelessWidget {
   final String subTitle;
   final TextStyle subTitleStyle;
   final Color backgroundColor;
+  final BoxShape imageShape;
 
   @override
   Widget build(BuildContext context) => Container(
@@ -31,7 +33,10 @@ class GFIntroSlide extends StatelessWidget {
           crossAxisAlignment: CrossAxisAlignment.center,
           children: <Widget>[
             GFImageOverlay(
-                height: imageHeight, width: imageWidth, image: image),
+                shape: imageShape,
+                height: imageHeight,
+                width: imageWidth,
+                image: image),
             const SizedBox(
               height: 20,
             ),