Merge pull request #15 from aagarwal1012/taljacobson-exposse-column-props

Taljacobson exposse column props

Author: aagarwal1012

README.md

@@ -136,6 +136,7 @@ You should then run `flutter packages get` in your terminal so as to get the pac
 | skipText             | Text                | Override Skip Button Text and styles.                                                                             |              Text('SKIP')               |
 | doneText             | Text                | Override Done Button Text and styles.                                                                             |              Text('DONE')               |
 | doneButtonPersist    | Bool                | Show done Button throughout pages                                                                                 |                  false                  |
+| columnMainAxisAlignment    | MainAxisAlignment                | control [MainAxisAlignment] for column                                                                                 |                  MainAxisAlignment.spaceAround                  |
 
 For help on editing package code, view the [flutter documentation](https://flutter.io/developing-packages/).
 

example/lib/main.dart

@@ -79,7 +79,8 @@ class App extends StatelessWidget {
                 Navigator.push(
                   context,
                   new MaterialPageRoute(
-                      builder: (context) => new HomePage()), //MaterialPageRoute
+                    builder: (context) => new HomePage(),
+                  ), //MaterialPageRoute
                 );
               },
               showSkipButton:

lib/UI/page.dart

@@ -9,10 +9,14 @@ class Page extends StatelessWidget {
   ///percent visible of page
   final double percentVisible;
 
+  /// [MainAxisAligment]
+  final MainAxisAlignment columnMainAxisAlignment;
+
   //Constructor
   Page({
     this.pageViewModel,
     this.percentVisible = 1.0,
+    this.columnMainAxisAlignment = MainAxisAlignment.spaceAround,
   });
 
   @override
@@ -37,23 +41,29 @@ class Page extends StatelessWidget {
   /// when device is Portrait place title, image and body in a column
   Widget _buildPortraitPage() {
     return new Column(
-      mainAxisAlignment: MainAxisAlignment.spaceAround,
+      mainAxisAlignment: columnMainAxisAlignment,
       mainAxisSize: MainAxisSize.max,
       children: <Widget>[
         Flexible(
           flex: 1,
           child: new _TitlePageTransform(
-              percentVisible: percentVisible, pageViewModel: pageViewModel),
+            percentVisible: percentVisible,
+            pageViewModel: pageViewModel,
+          ),
         ), //Transform
         Expanded(
           flex: 4,
           child: new _ImagePageTransform(
-              percentVisible: percentVisible, pageViewModel: pageViewModel),
+            percentVisible: percentVisible,
+            pageViewModel: pageViewModel,
+          ),
         ), //Transform
         Flexible(
           flex: 2,
           child: new _BodyPageTransform(
-              percentVisible: percentVisible, pageViewModel: pageViewModel),
+            percentVisible: percentVisible,
+            pageViewModel: pageViewModel,
+          ),
         ), //Transform
       ],
     );
@@ -67,20 +77,24 @@ class Page extends StatelessWidget {
       children: <Widget>[
         Expanded(
           child: new _ImagePageTransform(
-              percentVisible: percentVisible, pageViewModel: pageViewModel),
+            percentVisible: percentVisible,
+            pageViewModel: pageViewModel,
+          ),
         ), //Transform
 
         new Flexible(
           child: new Column(
-            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+            mainAxisAlignment: columnMainAxisAlignment,
             mainAxisSize: MainAxisSize.max,
             children: <Widget>[
               new _TitlePageTransform(
-                  percentVisible: percentVisible,
-                  pageViewModel: pageViewModel), //Transform
+                percentVisible: percentVisible,
+                pageViewModel: pageViewModel,
+              ), //Transform
               new _BodyPageTransform(
-                  percentVisible: percentVisible,
-                  pageViewModel: pageViewModel), //Transform
+                percentVisible: percentVisible,
+                pageViewModel: pageViewModel,
+              ), //Transform
             ],
           ), // Column
         ),
@@ -108,11 +122,16 @@ class _BodyPageTransform extends StatelessWidget {
       transform:
           new Matrix4.translationValues(0.0, 30.0 * (1 - percentVisible), 0.0),
       child: new Padding(
-        padding: const EdgeInsets.only(bottom: 75.0, left: 10.0, right: 10.0),
+        padding: const EdgeInsets.only(
+          bottom: 75.0,
+          left: 10.0,
+          right: 10.0,
+        ),
         child: DefaultTextStyle.merge(
-            style: pageViewModel.bodyTextStyle,
-            textAlign: TextAlign.center,
-            child: pageViewModel.body),
+          style: pageViewModel.bodyTextStyle,
+          textAlign: TextAlign.center,
+          child: pageViewModel.body,
+        ),
       ), //Padding
     );
   }
@@ -137,7 +156,10 @@ class _ImagePageTransform extends StatelessWidget {
       transform:
           new Matrix4.translationValues(0.0, 50.0 * (1 - percentVisible), 0.0),
       child: new Padding(
-        padding: new EdgeInsets.only(top: 20.0, bottom: 40.0),
+        padding: new EdgeInsets.only(
+          top: 20.0,
+          bottom: 40.0,
+        ),
         child: new Container(
           child: pageViewModel.mainImage, //Loading main
         ), //Container
@@ -166,7 +188,11 @@ class _TitlePageTransform extends StatelessWidget {
           new Matrix4.translationValues(0.0, 30.0 * (1 - percentVisible), 0.0),
       child: new Padding(
         padding: new EdgeInsets.only(
-            top: 60.0, bottom: 30.0, left: 10.0, right: 10.0),
+          top: 60.0,
+          bottom: 30.0,
+          left: 10.0,
+          right: 10.0,
+        ),
         child: DefaultTextStyle.merge(
           style: pageViewModel.titleTextStyle,
           child: pageViewModel.title,

lib/intro_views_flutter.dart

@@ -57,20 +57,28 @@ class IntroViewsFlutter extends StatefulWidget {
   /// always Show DoneButton
   final bool doneButtonPersist;
 
-  IntroViewsFlutter(
-    this.pages, {
-    Key key,
-    this.onTapDoneButton,
-    this.showSkipButton = true,
-    this.pageButtonTextStyles,
-    this.pageButtonTextSize = 18.0,
-    this.pageButtonFontFamily,
-    this.onTapSkipButton,
-    this.pageButtonsColor,
-    this.doneText = const Text("DONE"),
-    this.skipText = const Text("SKIP"),
-    this.doneButtonPersist = false,
-  }) : super(key: key);
+  /// [MainAxisAlignment] for [PageViewModel] page column aligment
+  /// default [MainAxisAligment.spaceAround]
+  ///
+  /// portrait view wraps around  [title] [body] [mainImage]
+  ///
+  /// landscape view wraps around [title] [body]
+  final MainAxisAlignment columnMainAxisAlignment;
+
+  IntroViewsFlutter(this.pages,
+      {Key key,
+      this.onTapDoneButton,
+      this.showSkipButton = true,
+      this.pageButtonTextStyles,
+      this.pageButtonTextSize = 18.0,
+      this.pageButtonFontFamily,
+      this.onTapSkipButton,
+      this.pageButtonsColor,
+      this.doneText = const Text("DONE"),
+      this.skipText = const Text("SKIP"),
+      this.doneButtonPersist = false,
+      this.columnMainAxisAlignment = MainAxisAlignment.spaceAround})
+      : super(key: key);
 
   @override
   _IntroViewsFlutterState createState() => new _IntroViewsFlutterState();
@@ -182,14 +190,15 @@ class _IntroViewsFlutterState extends State<IntroViewsFlutter>
           new Page(
             pageViewModel: pages[activePageIndex],
             percentVisible: 1.0,
+            columnMainAxisAlignment: widget.columnMainAxisAlignment,
           ), //Pages
           new PageReveal(
             //next page reveal
             revealPercent: slidePercent,
             child: new Page(
-              pageViewModel: pages[nextPageIndex],
-              percentVisible: slidePercent,
-            ),
+                pageViewModel: pages[nextPageIndex],
+                percentVisible: slidePercent,
+                columnMainAxisAlignment: widget.columnMainAxisAlignment),
           ), //PageReveal
 
           new PagerIndicator(