flutter 将 errorText 对齐到 textField 的右下角

Question

我想将 inputDecoration errorText 与 TextField 的右下角对齐。默认模式是左下角。我想将其设置为

这是我的文本字段代码：

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,
  );
}

任何帮助，将不胜感激。

Answer 1

包裹住你的TextFormField内心Directionality并给予 RTL 方向，

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

什么是方向性等级？

确定文本和文本方向敏感渲染对象的环境方向性的小部件。

输出