import 'package:flutter/material.dart';

const scale = 1.0;
const transformedGradient = LinearGradient(
  colors: [Color(0xFFCC5555), Color(0xFF55BB55), Color(0xFF5555CC)],
  transform: GradientRotation(0.7853981634),
);
final scaledTransformedGradient = transformedGradient.scale(scale);

void main() => runApp(const GradientScaleBug());

class GradientScaleBug extends StatelessWidget {
  const GradientScaleBug({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Stack(children: [
          Row(children: [
            buildGradientContainer(
              transformedGradient,
              'transformedGradient',
              'transform: ${transformedGradient.transform}',
            ),
            const SizedBox(width: 4),
            buildGradientContainer(
              scaledTransformedGradient,
              'transformedGradient.scale(${scale.toStringAsFixed(5)})',
              'transform: ${scaledTransformedGradient.transform}',
            ),
          ]),
          const Center(child: AnimatedGradientScale()),
        ]),
      ),
    );
  }

  Expanded buildGradientContainer(Gradient gradient, String title, String subtitle) =>
      Expanded(
          child: Container(
              decoration: BoxDecoration(gradient: gradient),
              padding: const EdgeInsets.all(15),
              child: Column(
                  mainAxisAlignment: MainAxisAlignment.spaceAround,
                  children: [
                    Text(title, style: const TextStyle(fontSize: 32)),
                    Text(subtitle, style: const TextStyle(fontSize: 20)),
                  ])));
}

class AnimatedGradientScale extends StatefulWidget {
  const AnimatedGradientScale({super.key});
  @override
  State<AnimatedGradientScale> createState() => _AnimatedGradientScaleState();
}

class _AnimatedGradientScaleState extends State<AnimatedGradientScale> with SingleTickerProviderStateMixin {
  late AnimationController _controller;

  @override
  void initState() {
    super.initState();
    _controller = AnimationController(
        vsync: this, duration: const Duration(milliseconds: 2000))
      ..repeat(reverse: true);
  }

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

  @override
  Widget build(BuildContext context) {
    final animation = CurvedAnimation(parent: _controller, curve: Interval(0.5, 1.0));
    return AnimatedBuilder(
      animation: animation,
      builder: (_, __) {
        final value = (1.0 - animation.value);
        return Container(
            width: 200,
            height: 200,
            decoration: BoxDecoration(
                gradient: value == 1
                    ? transformedGradient
                    : transformedGradient.scale(value)),
            child: Center(child: Text(
                    value == 1 ? 'Not scaled' : value.toStringAsFixed(3))));
    });
  }
}