text_form_field.dart

// Copyright 2019 The Chromium 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 'dart:io';

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

import 'diagram_step.dart';

const String _textFormField = 'text_form_field';
const String _textFormFieldError = 'text_form_field_error';

class TextFormFieldDiagram extends StatelessWidget implements DiagramMetadata {
  const TextFormFieldDiagram(this.name);

  @override
  final String name;

  @override
  Widget build(BuildContext context) {
    late Widget returnWidget;

    switch (name) {
      case _textFormField:
        returnWidget = TextFormField(
          decoration: const InputDecoration(
            icon: Icon(Icons.person),
            hintText: 'What do people call you?',
            labelText: 'Name *',
          ),
          onSaved: (String? value) {},
          validator: (String? value) {
            return (value ?? '').contains('@') ? 'Do not use the @ char.' : null;
          },
        );
        break;
      case _textFormFieldError:
        returnWidget = TextFormField(
          autovalidateMode: AutovalidateMode.always,
          initialValue: 'bad@input',
          decoration: const InputDecoration(
            icon: Icon(Icons.person),
            hintText: 'What do people call you?',
            labelText: 'Name *',
          ),
          onSaved: (String? value) {},
          validator: (String? value) {
            return (value ?? '').contains('@') ? 'Do not use the @ char.' : null;
          },
        );
        break;
    }

    return ConstrainedBox(
      key: UniqueKey(),
      constraints: BoxConstraints.tight(const Size(300.0, 110.0)),
      child: Container(
        alignment: FractionalOffset.center,
        padding: const EdgeInsets.all(5.0),
        color: Colors.white,
        child: returnWidget,
      ),
    );
  }
}

class TextFormFieldDiagramStep extends DiagramStep<TextFormFieldDiagram> {
  TextFormFieldDiagramStep(DiagramController controller) : super(controller);

  @override
  final String category = 'material';

  @override
  Future<List<TextFormFieldDiagram>> get diagrams async =>
      <TextFormFieldDiagram>[
        const TextFormFieldDiagram(_textFormField),
        const TextFormFieldDiagram(_textFormFieldError),
      ];

  @override
  Future<File> generateDiagram(TextFormFieldDiagram diagram) async {
    controller.builder = (BuildContext context) => diagram;
    return await controller.drawDiagramToFile(File('${diagram.name}.png'));
  }
}