AnimatedContainer

main.dart

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatefulWidget {
  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  bool selected = false;

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('FlutterZero')),
        body: Center(
          child: GestureDetector(
            onTap: (() => setState(() {
                  selected = !selected;
                })),
            child: AnimatedContainer(
              width: selected ? 150 : 100,
              height: selected ? 150 : 100,
              color: selected ? Colors.orange : Colors.yellow,
              alignment: selected ? Alignment.bottomRight : Alignment.center,
              duration: Duration(seconds: 1),
              child: FlutterLogo(size: 50),
            ),
          ),
        ),
      ),
    );
  }
}