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();
 }
 }