import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) => MaterialApp(
        title: 'Flutter Demo',
        home: MyHomePage(),
      );
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) => Scaffold(
        body: Center(
          child: Padding(
            padding: EdgeInsets.all(16),
            child: Column(mainAxisAlignment: MainAxisAlignment.center, children: [
              Container(
                color: Colors.green.withOpacity(0.4),
                child: TextField(
                  enabled: false,
                  decoration: InputDecoration(
                    hintText: 'hintText',
                  ),
                ),
              ),
              SizedBox(height: 8),
              Container(
                color: Colors.orange.withOpacity(0.4),
                child: TextField(
                  enabled: false,
                  decoration: InputDecoration(hintText: 'hintText', errorText: 'Error text'),
                ),
              ),
              SizedBox(height: 8),
              Container(
                color: Colors.red.withOpacity(0.4),
                child: TextField(
                  decoration: InputDecoration(hintText: 'hintText', errorText: 'Error text'),
                ),
              ),
            ]),
          ),
        ), // This trailing comma makes auto-formatting nicer for build methods.
      );
}