Flutter loading widget that shows a simple skeleton animation on a custom-sized box

skeleton_box.dart

import 'package:flutter/material.dart';
import 'package:flutter_animate/flutter_animate.dart';

class SkeletonBox extends StatelessWidget {
  const SkeletonBox({
    super.key,
    required this.width,
    required this.height,
    this.borderRadius = 4.0,
    this.delay,
  });

  final double width;
  final double height;
  final double borderRadius;
  final Duration? delay;

  @override
  Widget build(BuildContext context) {
    return Container(
      width: width,
      height: height,
      decoration: BoxDecoration(
        color: Colors.grey[300],
        borderRadius: BorderRadius.circular(borderRadius),
      ),
    ).animate(onPlay: (controller) => controller.repeat(reverse: true)).shimmer(
          duration: 1500.ms,
          color: Colors.grey[100]!,
          delay: delay ?? 0.ms,
        );
  }
}