doctor_app_flutter/lib/widgets/shared/text_fields/app-textfield-custom.dart

import 'package:doctor_app_flutter/config/size_config.dart';
import 'package:doctor_app_flutter/core/viewModel/project_view_model.dart';
import 'package:doctor_app_flutter/utils/utils.dart';
import 'package:doctor_app_flutter/widgets/shared/text_fields/text_field_error.dart';
import 'package:doctor_app_flutter/widgets/shared/text_fields/text_fields_utils.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:provider/provider.dart';

import '../app_texts_widget.dart';

class AppTextFieldCustom extends StatefulWidget {
  final double height;
  final Function onClick;
  final String hintText;
  final TextEditingController controller;
  final bool isTextFieldHasSuffix;
  final bool hasBorder;
  final String dropDownText;
  final IconButton suffixIcon;
  final Color dropDownColor;
  final bool enabled;
  final TextInputType inputType;
  final int minLines;
  final int maxLines;
  final List<TextInputFormatter> inputFormatters;
  final Function(String) onChanged;
  final Function onFieldSubmitted;

  final String validationError;
  final bool isPrscription;
  final bool isSecure;
  final bool focus;
  final bool isSearchTextField;

  AppTextFieldCustom({
    this.height = 0,
    this.onClick,
    this.hintText,
    this.controller,
    this.hasBorder = true,
    this.isTextFieldHasSuffix = false,
    this.dropDownText,
    this.suffixIcon,
    this.dropDownColor,
    this.enabled = true,
    this.inputType,
    this.minLines = 1,
    this.maxLines = 1,
    this.inputFormatters,
    this.onChanged,
    this.validationError,
    this.isPrscription = false,
    this.isSecure = false,
    this.focus = false,
    this.isSearchTextField = false,
    this.onFieldSubmitted,
  });

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

class _AppTextFieldCustomState extends State<AppTextFieldCustom> {
  final FocusNode _focusNode = FocusNode();
  bool focus = false;
  bool view = false;

  @override
  void initState() {
    super.initState();
    _focusNode.addListener(() {
      setState(() {
        focus = _focusNode.hasFocus;
      });
    });
  }

  @override
  void didUpdateWidget(AppTextFieldCustom oldWidget) {
    if (widget.focus) _focusNode.requestFocus();
    super.didUpdateWidget(oldWidget);
  }

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

  @override
  Widget build(BuildContext context) {
    ProjectViewModel projectViewModel = Provider.of(context);
    TextInputType localKeyboardType  = widget.inputType ??
        (widget.maxLines == 1
            ? TextInputType.text
            : TextInputType.multiline);

    return Column(
      children: [
        Container(
          height: widget.height != 0 && widget.maxLines == 1
              ? widget.height + 8
              : null, //MediaQuery.of(context).size.height * 0.098,
          decoration: widget.hasBorder
              ? TextFieldsUtils.containerBorderDecoration(
                  Color(0Xffffffff),
                  widget.validationError == null
                      ? Color(0xFFEFEFEF)
                      : Colors.red.shade700,
                )
              : null,
          padding:
              EdgeInsets.only(top: 4.0, bottom: 0.0, left: 8.0, right: 8.0),
          child: InkWell(
            onTap: widget.onClick ?? null,
            child: Row(
              crossAxisAlignment: CrossAxisAlignment.center,
              children: [
                Expanded(
                  child: Container(
                    padding: widget.dropDownText == null
                        ? widget.isSearchTextField
                            ? EdgeInsets.only(top: 10)
                            : EdgeInsets.only(top: 0.5)
                        : EdgeInsets.only(top: 0), // 8.0
                    child: Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      mainAxisAlignment: MainAxisAlignment.center,
                      children: [

                        AppText(
                          widget.hintText,
                          color: Color(0xFF2E303A),
                          fontSize: widget.isPrscription == false
                              ? 11.0
                              : 0,
                          fontWeight: FontWeight.w600,
                          letterSpacing: -0.44,
                          fontFamily: 'Poppins',
                        ),
                        widget.dropDownText == null
                            ? Container(
                                height:
                                    widget.height != 0 && widget.maxLines == 1
                                        ? widget.height - 22
                                        : null,
                                child: RawKeyboardListener(
                                  focusNode: FocusNode(),
                                  autofocus: false,
                                  onKey: (rawKeyEvent) {
                                    final isFormSkippedEnterEvent = rawKeyEvent is RawKeyDownEvent &&
                                        rawKeyEvent.isKeyPressed(LogicalKeyboardKey.enter);

                                    final needToInsertNewLine = isFormSkippedEnterEvent &&
                                        localKeyboardType == TextInputType.multiline;
                                    if (needToInsertNewLine) {
                                      TextEditingControllerHelper.insertText(widget.controller, '\n');
                                    }
                                  },
                                  child: TextFormField(
                                      textAlign: projectViewModel.isArabic
                                          ? TextAlign.right
                                          : TextAlign.left,
                                      focusNode: _focusNode,
                                      textAlignVertical: TextAlignVertical.top,
                                      decoration: TextFieldsUtils
                                          .textFieldSelectorDecoration(
                                              widget.hintText, null, true),
                                      style: TextStyle(
                                        fontSize: SizeConfig.textMultiplier * 1.7,
                                        fontFamily: 'Poppins',
                                        color: Color(0xFF575757),
                                        fontWeight: FontWeight.w400,
                                        letterSpacing: -0.56,
                                      ),
                                      controller: widget.controller,
                                      keyboardType: localKeyboardType,
                                      enabled: widget.enabled,
                                      minLines: widget.minLines,
                                      maxLines: widget.maxLines,
                                      inputFormatters:
                                          widget.inputFormatters != null
                                              ? widget.inputFormatters
                                              : [],
                                      onChanged: (value) {
                                        setState(() {});
                                        if (widget.onChanged != null) {
                                          widget.onChanged(value);
                                        }
                                      },
                                      onFieldSubmitted: widget.onFieldSubmitted,
                                      obscureText: widget.isSecure),
                                ),
                              )
                            : AppText(
                          Utils.convertToTitleCase(widget.dropDownText),
                                fontFamily: 'Poppins',
                                color: Color(0xFF575757),
                                fontSize: SizeConfig.textMultiplier * 1.7,
                              ),
                      ],
                    ),
                  ),
                ),
                widget.isTextFieldHasSuffix
                    ? widget.suffixIcon != null
                        ? Container(
                            margin: EdgeInsets.only(
                                bottom: widget.isSearchTextField
                                    ? (widget.controller.text.isEmpty ||
                                            widget.controller == null)
                                        ? 10
                                        : 25
                                    : 0),
                            child: widget.suffixIcon)
                        : InkWell(
                            child: Icon(
                              Icons.keyboard_arrow_down,
                              color: widget.dropDownColor != null
                                  ? widget.dropDownColor
                                  : Color(0xff2E303A),
                              size: 12.0,
                            ),
                          )
                    : Container(),
              ],
            ),
          ),
        ),
        if (widget.validationError != null && widget.validationError.isNotEmpty)
          TextFieldsError(error: widget.validationError),
      ],
    );
  }
}

class TextEditingControllerHelper {
  static insertText(TextEditingController controller, String textToInsert) {
    final selection = controller.selection;
    final cursorPosition = selection.base.offset;
    if (cursorPosition < 0) {
      controller.text += textToInsert;
      return;
    }

    final text = controller.text;
    final newText =
    text.replaceRange(selection.start, selection.end, textToInsert);
    controller.value = controller.value.copyWith(
      text: newText,
      selection: TextSelection.collapsed(
        offset: selection.baseOffset + textToInsert.length,
      ),
    );
  }
}