Animated Flutter Logo Size

main.dart

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Starter',
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: Example(),
    );
  }
}

class Example extends StatefulWidget {
  @override
  State<Example> createState() => _ExampleState();
}

class _ExampleState extends State<Example> {
  bool largeSize = false;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        crossAxisAlignment: CrossAxisAlignment.center,
        children: [
          AnimatedContainer(
            duration: const Duration(milliseconds: 300),
            child: FlutterLogo(size: largeSize ? 300 : 200),
          ),
          AnimatedSwitcher(
            duration: const Duration(milliseconds: 300),
            child: largeSize ? const FlutterLogo(size: 300) : const FlutterLogo(size: 200),
          ),
          ElevatedButton(
            onPressed: () => setState(() => largeSize = !largeSize),
            child: const Text('Toggle Size'),
          ),
        ],
      ),
    );
  }
}