simplex-chat/packages/simplex_app/lib/widgets/customTextField.dart

import 'package:flutter/material.dart';

class CustomTextField extends StatefulWidget {
  final TextEditingController? textEditingController;
  final TextInputType? textInputType;
  final FocusNode? node;

  final String? hintText;
  final bool? isPassword;
  final IconData? icon;
  final Color? iconColor;
  final Color? passIconColor;

  final IconData? trailing;
  final void Function()? trailingCallBack;

  final Function(String)? onChangeFtn;
  final void Function()? onEditComplete;
  final String? Function(String?)? validatorFtn;
  final Function(String)? onFieldSubmit;
  final String? errorText;

  const CustomTextField({
    Key? key,
    @required this.textEditingController,
    @required this.textInputType,
    this.trailing,
    this.trailingCallBack,
    this.node,
    @required this.hintText,
    this.icon,
    this.iconColor,
    this.passIconColor,
    this.isPassword = false,
    this.onChangeFtn,
    this.onEditComplete,
    this.validatorFtn,
    this.onFieldSubmit,
    this.errorText,
  }) : super(key: key);

  @override
  _CustomTextFieldState createState() => _CustomTextFieldState();
}

class _CustomTextFieldState extends State<CustomTextField> {
  FocusNode _node = FocusNode();

  @override
  void dispose() {
    _node.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    double width = MediaQuery.of(context).size.width;

    return Container(
      width: width * 0.89,
      decoration: BoxDecoration(borderRadius: BorderRadius.circular(8.0)),
      child: TextFormField(
        controller: widget.textEditingController,
        textInputAction: TextInputAction.done,
        keyboardType: widget.textInputType,
        onChanged: widget.onChangeFtn,
        onEditingComplete: widget.onEditComplete,
        decoration: InputDecoration(
          errorText: widget.errorText,
          contentPadding: const EdgeInsets.symmetric(horizontal: 15.0),
          hintText: widget.hintText,
          hintStyle: Theme.of(context).textTheme.caption,
          fillColor: Colors.grey[200],
          filled: true,
          enabledBorder: OutlineInputBorder(
              borderSide: BorderSide(color: Colors.transparent)),
          focusedBorder: OutlineInputBorder(
            borderSide: BorderSide(color: Colors.transparent),
          ),
          errorBorder: OutlineInputBorder(
            borderSide: BorderSide(color: Colors.red),
          ),
          focusedErrorBorder: OutlineInputBorder(
            borderSide: BorderSide(color: Colors.red),
          ),
        ),
        validator: widget.validatorFtn,
        onFieldSubmitted: widget.onFieldSubmit,
      ),
    );
  }
}