0RWGqWOIwRBmi53JeDe8.dart

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

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      title: 'MyApp Demo',
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Canvas2(),
      ),
    );
  }
}

class Canvas2 extends StatelessWidget {
  const Canvas2({super.key});

  @override
  Widget build(BuildContext context) {
    return Container(
      width: 327,
      height: 525,
      alignment: Alignment.center,
      clipBehavior: Clip.hardEdge,
      decoration: const BoxDecoration(
        color: Colors.white,
      ),
      child: IntrinsicWidth(
        child: TextField(
          keyboardType: TextInputType.text,
          style: const TextStyle(
            color: Colors.black,
            fontSize: 14,
            fontFamily: 'Roboto',
          ),
          textAlign: TextAlign.left,
          textAlignVertical: TextAlignVertical.center,
          autocorrect: false,
          minLines: null,
          maxLength: 20,
          inputFormatters: [
            FilteringTextInputFormatter.allow(RegExp(r'[0-9]'))
          ],
          cursorHeight: 14,
          cursorRadius: const Radius.circular(2),
          cursorColor: const Color(0xFF5C69E5),
          decoration: InputDecoration(
            labelText: 'Label',
            labelStyle: const TextStyle(
              color: Colors.grey,
              fontSize: 14,
              fontFamily: 'Roboto',
            ),
            floatingLabelStyle: const TextStyle(
              color: Colors.blue,
              fontSize: 14,
              fontFamily: 'Roboto',
            ),
            hintText: 'Enter text',
            hintStyle: const TextStyle(
              color: Color(0xFF7F7F7F),
              fontSize: 14,
              fontFamily: 'Roboto',
            ),
            hintMaxLines: 1,
            errorStyle: const TextStyle(
              color: Color(0xFFFF0000),
              fontSize: 12,
              fontFamily: 'Roboto',
            ),
            errorMaxLines: 1,
            floatingLabelBehavior: FloatingLabelBehavior.always,
            isDense: true,
            contentPadding:
                const EdgeInsets.symmetric(horizontal: 12, vertical: 16),
            counterText: '',
            focusColor: Colors.blue,
            hoverColor: const Color(0x197F7F7F),
            errorBorder: OutlineInputBorder(
              borderRadius: BorderRadius.circular(4.0),
              borderSide: const BorderSide(
                color: Color(0xFFFF0000),
              ),
            ),
            focusedBorder: OutlineInputBorder(
              borderRadius: BorderRadius.circular(4.0),
              borderSide: const BorderSide(
                color: Colors.blue,
                width: 1.5,
              ),
            ),
            focusedErrorBorder: OutlineInputBorder(
              borderRadius: BorderRadius.circular(4.0),
              borderSide: const BorderSide(
                color: Color(0xFFFF0000),
              ),
            ),
            disabledBorder: OutlineInputBorder(
              borderRadius: BorderRadius.circular(4.0),
              borderSide: const BorderSide(
                color: Color(0x197F7F7F),
              ),
            ),
            enabledBorder: OutlineInputBorder(
              borderRadius: BorderRadius.circular(4.0),
              borderSide: const BorderSide(
                color: Color(0x809E9E9E),
                width: 1.5,
              ),
            ),
            border: OutlineInputBorder(
              borderRadius: BorderRadius.circular(4.0),
              borderSide: const BorderSide(
                color: Color(0x809E9E9E),
                width: 1.5,
              ),
            ),
            alignLabelWithHint: true,
          ),
        ),
      ),
    );
  }
}