颤动将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(
              ...

Directionality CLass 是什么？

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

输出