import 'dart:math';

import 'package:flutter/material.dart';
import 'package:todo_list/utils/full_screen_dialog_util.dart';
import 'package:todo_list/widgets/bottom_show_widget.dart';
import 'package:todo_list/widgets/floating_border.dart';

class AnimatedFloatingButton extends StatefulWidget {
  @override
  _AnimatedFloatingButtonState createState() => _AnimatedFloatingButtonState();
}

class _AnimatedFloatingButtonState extends State<AnimatedFloatingButton>
    with SingleTickerProviderStateMixin {
  AnimationController _controller;
  Animation _animation;

  @override
  void initState() {
    _controller =
        AnimationController(vsync: this, duration: Duration(milliseconds: 500));
    _animation = new Tween(begin: 0.0, end: 1.0)
        .animate(CurvedAnimation(parent: _controller, curve: Curves.easeInOut));
    super.initState();
  }

  @override
  void dispose() {
    _controller.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return AnimatedBuilder(
      animation: _animation,
      builder: (ctx, child) {
        return Transform.translate(
          offset: Offset(0, (_animation.value) * 56),
          child: child,
        );
      },
      child: FloatingActionButton(
        onPressed: () {
          FullScreenDialog.getInstance().showDialog(context, BottomShowWidget(
            onExit: () {
              _controller.reverse();
            },
          ));
          _controller.forward();
        },
        child: Icon(
          Icons.menu,
          size: 30,
        ),
        backgroundColor: Theme.of(context).primaryColorDark,
        shape: FloatingBorder(),
      ),
    );
  }
}