(FWE) Update chapter 8 Tile widget

[lamek]

Page URL

https://docs.flutter.dev/learn/pathway/tutorial/implicit-animations

Page source

src/content/learn/pathway/tutorial/implicit-animations.md

Describe the problem

Refactor the code samples on this page to update the Tile widget.

Final code:

class Tile extends StatelessWidget {
  const Tile(this.letter, this.hitType, {super.key});

  final String letter;
  final HitType hitType;

  @override
  Widget build(BuildContext context) {
    return AnimatedContainer(
      duration: const Duration(milliseconds: 500),
      curve: Curves.bounceIn, // NEW
      height: 60,
      width: 60,
      decoration: BoxDecoration(
        border: Border.all(color: Colors.grey.shade300),
        color: switch (hitType) {
          HitType.hit => Colors.green,
          HitType.partial => Colors.yellow,
          HitType.miss => Colors.grey,
          _ => Colors.white,
        },
      ),
      child: Center(
        child: Text(
          letter.toUpperCase(),
          style: Theme.of(context).textTheme.titleLarge,
        ),
      ),
    );
  }
}

Expected fix

No response

Additional context

No response

I would like to fix this problem.

• I will try and fix this problem on docs.flutter.dev.

[lamek]

This will be covered by #13140