structure changes done in GFIntro bottom navigation

Author: deepikahr

lib/components/intro_screen/gf_intro_bottom_navigation.dart

@@ -4,63 +4,76 @@ import 'package:flutter/material.dart';
 class GFIntroBottomNavigation extends StatelessWidget {
   const GFIntroBottomNavigation({
     Key key,
-    this.forwardButtonText = 'NEXT',
     this.pageNumber = 0,
-    this.onNext,
-    this.showDivider = true,
-    this.dividerColor = Colors.grey,
-    this.dividerHeight = 1,
-    this.dividerThickness = 0.0,
-    this.child,
+    this.pagesCount = 0,
     this.padding = const EdgeInsets.all(8),
     this.margin = const EdgeInsets.all(8),
-    this.pagesCount = 0,
-    this.backButtonText = 'BACK',
-    this.onBackButtonTap,
-    this.backButton,
-    this.forwardButton,
+    this.child,
+
+    this.showDivider = true,
+    this.dividerColor = Colors.white,
+    this.dividerHeight = 1,
+    this.dividerThickness = 2,
+
     this.dotShape = BoxShape.circle,
-    this.defaultColor,
+    this.inActiveColor,
     this.activeColor,
     this.dotHeight,
     this.dotWidth,
     this.dotMargin,
-    this.backButtonTextStyle,
-    this.forwardButtonTextStyle,
+
+    this.backButton,
+    this.forwardButton,
+    this.doneButton,
+    this.skipButton,
     this.onDoneTap,
-    this.doneText = 'GO',
+    this.onForwardButtonTap,
+    this.onBackButtonTap,
+    this.onSkipTap,
+    this.forwardButtonText = 'NEXT',
+    this.backButtonText = 'BACK',
+    this.doneButtonText = 'GO',
+    this.skipButtonText = 'SKIP',
+    this.skipButtonTextStyle = const TextStyle(color: Colors.black, fontSize: 16,),
+    this.doneButtonTextStyle = const TextStyle(color: Colors.black, fontSize: 16,),
+    this.backButtonTextStyle = const TextStyle(color: Colors.black, fontSize: 16,),
+    this.forwardButtonTextStyle = const TextStyle(color: Colors.black, fontSize: 16,),
   }) : super(key: key);
 
-  final String forwardButtonText;
-  final int pageNumber;
-  final VoidCallback onNext;
 
+  final int pageNumber;
   final Widget child;
   final int pagesCount;
-  final String backButtonText;
-  final VoidCallback onBackButtonTap;
-  final VoidCallback onDoneTap;
   final EdgeInsets padding;
   final EdgeInsets margin;
+  final VoidCallback onForwardButtonTap;
+  final VoidCallback onBackButtonTap;
+  final VoidCallback onDoneTap;
+  final VoidCallback onSkipTap;
   final Widget backButton;
   final Widget forwardButton;
+  final Widget doneButton;
+  final Widget skipButton;
+  final String backButtonText;
+  final String forwardButtonText;
+  final String doneButtonText;
+  final String skipButtonText;
+  final TextStyle skipButtonTextStyle;
+  final TextStyle doneButtonTextStyle;
   final TextStyle backButtonTextStyle;
   final TextStyle forwardButtonTextStyle;
-  final String doneText;
-
   final bool showDivider;
   final double dividerHeight;
   final double dividerThickness;
   final Color dividerColor;
-
-  ///dot
   final BoxShape dotShape;
-  final Color defaultColor;
+  final Color inActiveColor;
   final Color activeColor;
   final double dotHeight;
   final double dotWidth;
   final EdgeInsets dotMargin;
 
+
   @override
   Widget build(BuildContext context) => Column(
     mainAxisAlignment: MainAxisAlignment.end,
@@ -78,37 +91,19 @@ class GFIntroBottomNavigation extends StatelessWidget {
         child: Row(
           mainAxisAlignment: MainAxisAlignment.spaceBetween,
           children: <Widget>[
-            GestureDetector(
-              behavior: HitTestBehavior.translucent,
-                  child: backButton ??
-                      Text(
-                        backButtonText,
-                        style: backButtonTextStyle ??
-                            const TextStyle(
-                              color: Colors.black,
-                              fontSize: 16,
-                            ),
-                      ),
+            InkWell(
+              child: pageNumber == 0 ? skipButton ?? Text(skipButtonText, style: skipButtonTextStyle) :
+                backButton ?? Text(backButtonText, style: backButtonTextStyle),
               onTap: onBackButtonTap,
             ),
             Row(
               mainAxisAlignment: MainAxisAlignment.center,
               children: getDotsList(),
             ),
-            GestureDetector(
-              behavior: HitTestBehavior.translucent,
-                child: forwardButton ??
-                    Text(
-                        pageNumber == pagesCount - 1
-                            ? doneText
-                            : forwardButtonText,
-                        style: forwardButtonTextStyle ??
-                            const TextStyle(
-                              color: Colors.black,
-                              fontSize: 16,
-                            )
-                    ),
-              onTap: pageNumber == pagesCount - 1 ? onDoneTap : onNext,
+            InkWell(
+              child: pageNumber == pagesCount - 1 ? doneButton ?? Text(doneButtonText, style: doneButtonTextStyle) :
+                forwardButton ?? Text(forwardButtonText, style: forwardButtonTextStyle),
+              onTap: pageNumber == pagesCount - 1 ? onDoneTap : onForwardButtonTap,
             ),
           ],
         ),
@@ -127,7 +122,7 @@ class GFIntroBottomNavigation extends StatelessWidget {
           shape: dotShape,
           color: pageNumber == i
               ? activeColor ?? Colors.blue
-              : defaultColor ?? Colors.grey.withOpacity(0.5),
+              : inActiveColor ?? Colors.grey.withOpacity(0.5),
         ),
       ));
     }

lib/components/intro_screen/gf_intro_screen.dart

@@ -89,11 +89,16 @@ class _GFIntroScreenState extends State<GFIntroScreen> {
               )),
               widget.gfIntroBottomNavigation ??
                   GFIntroBottomNavigation(
-                    onNext: () {
+                    onForwardButtonTap: () {
                       _pageController.nextPage(
                           duration: const Duration(milliseconds: 500),
                           curve: Curves.linear);
                     },
+                    onBackButtonTap: () {
+                      _pageController.previousPage(
+                          duration: const Duration(milliseconds: 500),
+                          curve: Curves.linear);
+                    },
                     pagesCount: widget.slides.length,
                     pageNumber: page,
                   ),