box_fit.dart

// Copyright 2013 The Flutter Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

import 'dart:async';

import 'package:flutter/material.dart';

import 'diagram_step.dart';

class BoxFitDiagram extends StatelessWidget with DiagramMetadata {
  const BoxFitDiagram(this.fit, {super.key});

  final BoxFit fit;

  @override
  String get name => 'box_fit_${fit.name}';

  @override
  Widget build(BuildContext context) {
    final Widget inner = Container(
      decoration: BoxDecoration(
        border: Border.all(width: 2.0, color: Colors.blue[300]!),
        color: Colors.blue[100],
      ),
      child: FittedBox(
        fit: fit,
        child: Container(
          width: 5.0 * 13.0,
          height: 5.0 * 13.0,
          decoration: BoxDecoration(
            border: Border.all(width: 2.0, color: Colors.teal[700]!),
            color: Colors.teal[600],
          ),
          child: GridPaper(
            color: Colors.teal[400]!,
            divisions: 1,
            interval: 18.5,
            subdivisions: 1,
            child: Center(
              child: Text(fit.toString().split('.').join('\n')),
            ),
          ),
        ),
      ),
    );
    return SizedBox(
      key: UniqueKey(),
      width: 300.0,
      height: 90.0,
      child: Row(
        key: GlobalObjectKey(fit),
        crossAxisAlignment: CrossAxisAlignment.stretch,
        children: <Widget>[
          Expanded(
            flex: 180,
            child: Center(
              child: AspectRatio(
                aspectRatio: 2.5,
                child: inner,
              ),
            ),
          ),
          const SizedBox(width: 30.0),
          Expanded(
            flex: 80,
            child: inner,
          ),
          const SizedBox(width: 30.0),
          Expanded(
            flex: 200,
            child: inner,
          ),
        ],
      ),
    );
  }
}

class BoxFitDiagramStep extends DiagramStep {
  @override
  final String category = 'painting';

  final List<BoxFitDiagram> _diagrams = <BoxFitDiagram>[
    for (final BoxFit fit in BoxFit.values) BoxFitDiagram(fit),
  ];

  @override
  Future<List<BoxFitDiagram>> get diagrams async => _diagrams;
}