_controller = AnimationController(
          vsync: this, // the SingleTickerProviderStateMixin
          duration: Duration(seconds: 2),
        );

        _controller.forward();
        _controller.reverse();

        _animation = Tween<Offset>(
          begin: const Offset(100.0, 50.0),
          end: const Offset(200.0, 300.0),
        ).animate(_controller);

  @override
  void initState() {
    super.initState();

    _controller = AnimationController(
      vsync: this,
      duration: Duration(seconds: 2)
    );

    _controller.forward();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: FadeTransition(
          opacity: _controller,
          child: Center(
            child: Container(
              width: 100.0,
              height: 100.0,
              color: Colors.blue,
            )
        ),
      ),
    );
  }

  @override
  void initState() {
    super.initState();

    _controller =
        AnimationController(vsync: this, duration: Duration(seconds: 2));

    _controller.forward();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: ScaleTransition(
          scale: _controller,
          child: Center(
            child: Container(
              width: 100.0,
              height: 100.0,
              color: Colors.blue,
            )
        ),
      ),
    );
  }

  @override
  void initState() {
    super.initState();

    _controller =
        AnimationController(vsync: this, duration: Duration(seconds: 2));

    _controller.forward();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: RotationTransition(
          turns: _controller,
          child: Center(
            child: Container(
              width: 100.0,
              height: 100.0,
              color: Colors.blue,
            )
        ),
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: FadeTransition(
        opacity: _controller,
        child: ScaleTransition(
            scale: _controller,
            child: Center(
              child: InkWell(
                onTap: (){
                  _controller.forward(from: 0.0);
                },
                child: Container(
                  width: 100.0,
                  height: 100.0,
                  color: Colors.blue,
                ),
              )
          ),
        ),
      ),
    );
  }

  
    _animation = Tween(begin: -1.0, end: 0.0).animate(CurvedAnimation(
      parent: _controller,
      curve: Curves.fastOutSlowIn,
    ));
    ....

    final double width = MediaQuery.of(context).size.width;
    return Scaffold(
      body: AnimatedBuilder(
          animation: _controller,
          builder: (BuildContext context, Widget child) {
            return Transform(
              transform:
              Matrix4.translationValues(_animation.value * width, 0.0, 0.0),
              child: child,
            );
          },
          child: new Center(
            child: Container(
              width: 100.0,
              height: 100.0,
              color: Colors.blue,
            )
          ),
      ),
    );

 
 double paddingVertical = 20.0;
 double paddingHorizontal = 50.0;
 
 @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: AnimatedPadding(
        duration: Duration(seconds: 1),
          padding: EdgeInsets.only(right: paddingHorizontal,left: paddingHorizontal,
              top: paddingVertical,bottom: paddingVertical),
          child: InkWell(
            onTap: (){
              setState(() {
                 paddingVertical = 200.0;
                 paddingHorizontal = 20.0;
              });
            },
            child: Container(
              color: Colors.blue,
            ),
          ),
      ),
    );
  }

  double paddingVertical = 20.0;
  double paddingHorizontal = 50.0;
  Color color = Colors.blue;
  double axisX = -100;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: AnimatedContainer(
          duration: Duration(seconds: 1),
          color: color,
          padding: EdgeInsets.only(right: paddingHorizontal,left: paddingHorizontal,
              top: paddingVertical,bottom: paddingVertical),
            transform: Matrix4.translationValues(axisX, 0.0, 0.0),
            child: InkWell(
              onTap: (){
                setState(() {
                  color = Colors.red;
                  paddingVertical = 80.0;
                  paddingHorizontal = 20.0;
                  axisX = 0.0;
                });
              },
              child: Container(
                width: 100,
                height: 100,
              ),
            ),
        ),
      ),
    );
  }

  
  Widget build(BuildContext context) {
    return SizedBox(
      width: width,
      child: Hero(
        tag: photo,
        child: Material(
          color: Colors.transparent,
          child: InkWell(
            onTap: onTap,
            child: Image.asset(
              photo,
              fit: BoxFit.contain,
            ),
          ),
        ),
      ),
    );
  }