import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

const BorderSide blueBorderSide = BorderSide(color: Colors.blue);

const BorderSide redBorderSide = BorderSide(color: Colors.red);

const OutlineInputBorder roundedAllBorder = OutlineInputBorder(borderSide: blueBorderSide);

const OutlineInputBorder roundedTopBorder = OutlineInputBorder(
  borderSide: blueBorderSide,
  borderRadius: BorderRadius.vertical(top: Radius.circular(4), bottom: Radius.zero),
);

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  const MyHomePage({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: () => FocusScope.of(context).unfocus(),
      child: Scaffold(
        appBar: AppBar(
          title: const Text('Demo'),
        ),
        body: GridPaper(
          divisions: 4,
          subdivisions: 4,
          color: Colors.red.withOpacity(0.7),
          interval: 128,
          child: Center(
            child: Padding(
              padding: const EdgeInsets.all(32.0),
              child: Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: <Widget>[
                  TextFormField(
                    decoration: const InputDecoration(
                      labelText: 'Label',
                      floatingLabelBehavior: FloatingLabelBehavior.auto,
                      border: roundedAllBorder,
                      disabledBorder: roundedAllBorder,
                      enabledBorder: roundedAllBorder,
                      errorBorder: roundedAllBorder,
                      focusedBorder: roundedAllBorder,
                      focusedErrorBorder: roundedAllBorder,
                    ),
                  ),
                  const SizedBox(
                    height: 50,
                  ),
                  TextFormField(
                    decoration: const InputDecoration(
                      labelText: 'Label',
                      floatingLabelBehavior: FloatingLabelBehavior.auto,
                      border: roundedTopBorder,
                      disabledBorder: roundedTopBorder,
                      enabledBorder: roundedTopBorder,
                      errorBorder: roundedTopBorder,
                      focusedBorder: roundedTopBorder,
                      focusedErrorBorder: roundedTopBorder,
                    ),
                  ),
                ],
              ),
            ),
          ),
        ),
      ),
    );
  }
}