add navigate buttons color param

Author: DonWasyl

lib/src/helpers/constants.dart

@@ -1,7 +1,7 @@
 // ignore_for_file: constant_identifier_names
 /// This package contains all the constants used.
 
-const BUBBLE_WIDTH = 55.0;
+const BUBBLE_WIDTH = 50.0;
 
 const FULL_TRANSITION_PX = 300.0;
 

lib/src/models/page_view_model.dart

@@ -15,6 +15,7 @@ class PageViewModel {
     this.textStyle,
     this.titleTextStyle = const TextStyle(color: Colors.white, fontSize: 50.0),
     this.bodyTextStyle = const TextStyle(color: Colors.white, fontSize: 24.0),
+    this.buttonsTextStyle,
   });
 
   /// Page background color.
@@ -71,6 +72,8 @@ class PageViewModel {
   /// Defaults to `TextStyle(color: Colors.white, fontSize: 24.0)`.
   final TextStyle bodyTextStyle;
 
+  final TextStyle? buttonsTextStyle;
+
   /// Main widget.
   ///
   /// _Typically an [Image] widget_.

lib/src/ui/intro_views_flutter.dart

@@ -283,6 +283,7 @@ class _IntroViewsFlutterState extends State<IntroViewsFlutter> with TickerProvid
             textStyle: textStyle,
             activePageIndex: activePageIndex,
             totalPages: pages.length,
+            buttonsTextStyle: pages[activePageIndex].buttonsTextStyle,
             onPressedDoneButton: widget.onTapDoneButton,
             // void callback to be executed after pressing done button
             slidePercent: slidePercent,

lib/src/ui/page.dart

@@ -58,14 +58,14 @@ class Page extends StatelessWidget {
           ),
         ),
         Expanded(
-          flex: 4,
+          flex: 3,
           child: _ImagePageTransform(
             percentVisible: percentVisible,
             pageViewModel: pageViewModel,
           ),
         ),
         Flexible(
-          flex: 2,
+          flex: 3,
           child: _BodyPageTransform(
             percentVisible: percentVisible,
             pageViewModel: pageViewModel,
@@ -92,8 +92,7 @@ class Page extends StatelessWidget {
             mainAxisAlignment: columnMainAxisAlignment,
             mainAxisSize: MainAxisSize.max,
             children: <Widget>[
-              Expanded(
-                flex: 2,
+              Flexible(
                 child: SafeArea(
                   child: _TitlePageTransform(
                     percentVisible: percentVisible,
@@ -102,10 +101,11 @@ class Page extends StatelessWidget {
                 ),
               ),
               Expanded(
-                flex: 4,
-                child: _BodyPageTransform(
-                  percentVisible: percentVisible,
-                  pageViewModel: pageViewModel,
+                child: SafeArea(
+                  child: _BodyPageTransform(
+                    percentVisible: percentVisible,
+                    pageViewModel: pageViewModel,
+                  ),
                 ),
               ),
             ],
@@ -136,7 +136,7 @@ class _BodyPageTransform extends StatelessWidget {
           Matrix4.translationValues(0.0, 30.0 * (1 - percentVisible), 0.0),
       child: Padding(
         padding: EdgeInsets.only(
-          bottom: 100.0 + MediaQuery.of(context).padding.bottom,
+          bottom: 75.0 + MediaQuery.of(context).padding.bottom,
           left: 10.0,
           right: 10.0,
         ),

lib/src/ui/page_bubble.dart

@@ -21,11 +21,11 @@ class PageBubble extends StatelessWidget {
       height: 65.0,
       child: Center(
         child: Padding(
-          padding: const EdgeInsets.all(10.0),
+          padding: const EdgeInsets.all(0),
           child: Container(
             // this method returns in between values according to active percent
-            width: lerpDouble(20.0, 45.0, viewModel.activePercent),
-            height: lerpDouble(20.0, 45.0, viewModel.activePercent),
+            width: lerpDouble(20.0, 40.0, viewModel.activePercent),
+            height: lerpDouble(20.0, 40.0, viewModel.activePercent),
             decoration: BoxDecoration(
               shape: BoxShape.circle,
               // alpha is used to create fade effect for background color

lib/src/ui/page_indicator_buttons.dart

@@ -106,6 +106,7 @@ class PageIndicatorButtons extends StatelessWidget {
     this.showNextButton = true,
     this.showBackButton = true,
     required this.backText,
+    this.buttonsTextStyle,
   }) : super(key: key);
 
   final int activePageIndex;
@@ -126,6 +127,7 @@ class PageIndicatorButtons extends StatelessWidget {
   final Widget nextText;
   final Widget backText;
   final TextStyle textStyle;
+  final TextStyle? buttonsTextStyle;
 
   final bool doneButtonPersist;
 
@@ -204,7 +206,7 @@ class PageIndicatorButtons extends StatelessWidget {
       bottom: 0.0,
       child: SafeArea(
         child: DefaultTextStyle(
-          style: textStyle,
+          style: buttonsTextStyle ?? textStyle,
           child: Row(
             mainAxisAlignment: MainAxisAlignment.spaceBetween,
             crossAxisAlignment: CrossAxisAlignment.center,