A Flutter widget that displays diagonal stripes on top of its child

stripe_container.dart

import 'package:flutter/material.dart';

class StripeContainer extends StatelessWidget {
  final Widget child;

  StripeContainer({@required this.child});

  @override
  Widget build(BuildContext context) {
    return Container(
      decoration: BoxDecoration(
        gradient: LinearGradient(
          begin: Alignment(-1.0, -4.0),
          end: Alignment(1.0, 4.0),
          colors: List.generate(66, (index) {
            if (index % 4 == 0 || index % 4 == 1) {
              return Colors.transparent;
            } else {
              return Colors.grey;
            }
          }),
          stops: () {
            final List<double> stops = [];
            double i = 0;
            double increment = 0.05;
            while (i < 1) {
              stops.add(i);
              i += increment;
              if (i >= 1) {
                stops.add(1);
                break;
              }
              increment = increment == 0.05 ? 0.01 : 0.05;
              stops.add(i);
            }
            return stops;
          }(),
        ),
      ),
      child: child,
    );
  }
}