CODEWITHSUNDEEP
fluttertextfieldflutter-layout
DNS
DNS

Reputation: 929

flutter align errorText to the bottom-right of textField

I want to align inputDecoration errorText to the bottom-right of TextField. The default mode is bottom-left. I want to set it like

this image

here is my textField code:

TextField authTextFiled(
    String hint, ValidationBloc bloc, AsyncSnapshot<String> snapshot) {
  return TextField(
    textAlign: TextAlign.right,
    onChanged: (String text) => bloc.updateText(text),
    decoration: InputDecoration(
      hintStyle: AppStyle.textFieldHintTextStyle,
      errorStyle: AppStyle.textFieldErrorTextStyle,
      errorText: snapshot.hasError ? snapshot.error : null,
      border: OutlineInputBorder(borderRadius: AppStyle.borderRadius),

      disabledBorder: OutlineInputBorder(
        borderRadius: AppStyle.borderRadius,
        borderSide: BorderSide(width: 1, color: AppColors.pinkDarkDisableColor)
      ),

      focusedBorder: OutlineInputBorder(
        borderRadius: AppStyle.borderRadius,
        borderSide: BorderSide(width: 1, color: AppColors.bluePrimaryColor),
      ),

      errorBorder: OutlineInputBorder(
          borderRadius: AppStyle.borderRadius,
          borderSide: BorderSide(width: 1, color: AppColors.pinkDarkHotColor)
      ),

      focusedErrorBorder: OutlineInputBorder(
          borderRadius: AppStyle.borderRadius,
          borderSide: BorderSide(width: 1, color: AppColors.pinkDarkHotColor)),
      hintText: hint,
    ),

    keyboardType: TextInputType.number,
    textDirection: TextDirection.rtl,
  );
}

any help would be appreciated.

Upvotes: 1

Views: 4259

Answers (1)

Ravinder Kumar
Ravinder Kumar

Reputation: 7990

Wrap your TextFormField inside Directionality and give RTL direction,

Directionality(
            textDirection: TextDirection.rtl,
            child: TextFormField(
              ...

What is Directionality CLass?

A widget that determines the ambient directionality of text and text-direction-sensitive render objects.

Output

enter image description here

Upvotes: 5

Related Questions