Houzi Docs logo Houzi Docs

Houzi proivdes you with the getTextFormFieldWidgetHook() to configure the Text Form Field throughout the app. Simply open the file from the following path:

Project_HOME > lib > hooks_v2.dart

Look for the getTextFormFieldWidgetHook() method.

@override
  TextFormFieldWidgetHook getTextFormFieldWidgetHook() {
    TextFormFieldWidgetHook textFormFieldWidgetHook = (
        context,
        labelText,
        hintText,
        additionalHintText,
        suffixIcon,
        initialValue,
        maxLines,
        readOnly,
        obscureText,
        controller,
        keyboardType,
        inputFormatters,
        validator,
        onSaved,
        onChanged,
        onFieldSubmitted,
        onTap,
    ) {

      Widget? textFormFieldWidget;
      return textFormFieldWidget;
    };

    return textFormFieldWidgetHook;
  }

Simply define your custom Text Form Field widget against the textFormFieldWidget as follows:

...
      Widget? textFormFieldWidget = YOUR_CUSTOM_WIDGET_HERE();
      return textFormFieldWidget;
    };

    return textFormFieldWidgetHook;
  }

After modifications, restart the app and the changes will reflect in your app.

Previous: Text Form Field Customization Next: Perform Action on User Login