home page, animations, refactor structure 🍻

Author: edgartrem

lib/page/navigation/common/pages/home_page.dart

@@ -0,0 +1,31 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_ui_nice/const/color_const.dart';
+
+class HomePage extends StatelessWidget {
+	HomePage(this.onMenuPressed);
+	final VoidCallback onMenuPressed;
+
+	@override
+  Widget build(BuildContext context) {
+    return Container(
+			decoration: BoxDecoration(
+				borderRadius: BorderRadius.circular(10.0),
+				gradient: LinearGradient(
+					begin: Alignment.topLeft,
+					end: Alignment.bottomRight,
+					colors: [YELLOW, GREEN, BLUE],
+				),
+				boxShadow: <BoxShadow>[
+					BoxShadow(
+						color: Colors.black26,
+						offset: Offset(2.0, 1.0),
+						blurRadius: 10.0,
+					)
+				],
+			),
+			child: Center(
+				child: RaisedButton(onPressed: onMenuPressed, child: Text("Open Menu"),),
+			),
+		);
+  }
+}

lib/page/navigation/widgets/background_common.dart renamed to lib/page/navigation/common/widgets/background_common.dart

@@ -0,0 +1,11 @@
+import 'package:flutter/widgets.dart';
+
+class HomePageAnimator {
+	HomePageAnimator(this.controller) :
+			translateLeft = Tween(begin: 0.0, end: -200.0).animate(controller),
+			scaleDown = Tween(begin: 1.0, end: 0.8).animate(controller);
+
+	final AnimationController controller;
+	final Animation<double> translateLeft;
+	final Animation<double> scaleDown;
+}

lib/page/navigation/navigation1/animations/home_page_animator.dart

@@ -1,22 +1,26 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_ui_nice/page/navigation/navigation1/animations/home_page_animator.dart';
 import 'package:flutter_ui_nice/page/navigation/navigation1/widgets/menu_buttons.dart';
-import 'package:flutter_ui_nice/page/navigation/widgets/background_common.dart';
+import 'package:flutter_ui_nice/page/navigation/common/widgets/background_common.dart';
+import 'package:flutter_ui_nice/page/navigation/common/pages/home_page.dart';
 
 class NavigationOneCoordinator extends StatefulWidget {
 	@override
 	_Coordinator createState() => _Coordinator();
 }
 
-class _Coordinator extends State<NavigationOneCoordinator> {
+class _Coordinator extends State<NavigationOneCoordinator> with TickerProviderStateMixin {
+	AnimationController _controller;
+	HomePageAnimator _animator;
 
 	@override
   void initState() {
     super.initState();
+		_controller = AnimationController(vsync: this, duration: Duration(milliseconds: 700));
+		_animator = HomePageAnimator(_controller);
   }
 
-  _onHomePressed() {
-		debugPrint("Home Pressed");
-	}
+  _onHomePressed() => _showHome();
 
 	_onChatPressed() {
 		debugPrint("Chat Pressed");
@@ -49,14 +53,42 @@ class _Coordinator extends State<NavigationOneCoordinator> {
 							onProfilePressed: _onProfilePressed,
 							onSettingsPressed: _onSettingsPressed,
 						),
-					)
+					),
+
+					AnimatedBuilder(
+							animation: _controller,
+							builder: (context, widget) => Transform(
+								alignment: Alignment.centerLeft,
+								transform: Matrix4
+										.translationValues(_animator.translateLeft.value, 0.0, 0.0)
+										..scale(_animator.scaleDown.value),
+								child: HomePage(() => _openMenu()),
+							),
+					),
 				],
 			),
 		),
 	);
 
+	Future _openMenu() async {
+		try {
+			await _controller.forward().orCancel;
+		} on TickerCanceled {
+			print("Animation Failed");
+		}
+	}
+
+	Future _showHome() async {
+		try {
+			await _controller.reverse().orCancel;
+		} on TickerCanceled {
+			print("Animation Failed");
+		}
+	}
+
 	@override
 	void dispose() {
 		super.dispose();
+		_controller.dispose();
 	}
 }