custom_text_form_field.dart

Go to the documentation of this file.

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
 
class CustomTextFormField extends StatelessWidget {
  const CustomTextFormField({
    super.key,
    required this.hintText,
    required this.controller,
    this.suffix,
    this.focusNode,
    this.validator,
    this.isObscure = false,
    this.inputType,
    this.maxLines = 1,
    this.padding,
    this.fillColor,
    this.labelText,
    this.inputFormatters,
    this.onChanged,
  });
 
  final TextEditingController controller;
  final String hintText;
  final Widget? suffix;
  final FocusNode? focusNode;
  final String? Function(String?)? validator;
  final Function(String)? onChanged;
  final bool isObscure;
  final TextInputType? inputType;
  final int? maxLines;
  final EdgeInsets? padding;
  final Color? fillColor;
  final String? labelText;
  final List<TextInputFormatter>? inputFormatters;
 
  @override
  Widget build(BuildContext context) {
    return TextFormField(
      onChanged: onChanged,
      maxLines: maxLines,
      keyboardType: inputType,
      inputFormatters: inputFormatters,
      obscureText: isObscure,
      focusNode: focusNode,
      controller: controller,
      validator: validator,
      style: Theme.of(context).textTheme.bodySmall,
      decoration: InputDecoration(
        filled: true,
        fillColor: fillColor ?? Theme.of(context).colorScheme.surface,
        hintText: hintText,
        hintStyle: Theme.of(context).textTheme.bodySmall?.copyWith(
              color: Theme.of(context).hintColor,
            ),
        labelText: labelText,
        floatingLabelBehavior: FloatingLabelBehavior.auto,
        suffixIcon: suffix,
        contentPadding: padding ??
            EdgeInsetsDirectional.symmetric(
              vertical: 18.sp,
              horizontal: 15.sp,
            ),
        enabledBorder: OutlineInputBorder(
          borderRadius: BorderRadius.circular(12.r),
          borderSide: BorderSide(
            color: Theme.of(context).hintColor.withOpacity(.11),
            width: 0.5,
          ),
        ),
        focusedBorder: OutlineInputBorder(
          borderRadius: BorderRadius.circular(12.r),
          borderSide: BorderSide(
            color: Theme.of(context).primaryColor,
            width: 1,
          ),
        ),
        errorBorder: OutlineInputBorder(
          borderRadius: BorderRadius.circular(12.r),
          borderSide: BorderSide(
            color: Theme.of(context).colorScheme.error,
            width: 0.5,
          ),
        ),
        focusedErrorBorder: OutlineInputBorder(
          borderRadius: BorderRadius.circular(12.r),
          borderSide: BorderSide(
            color: Theme.of(context).colorScheme.error,
            width: 1,
          ),
        ),
      ),
    );
  }
}