TextFormField 内的文本未与中心对齐 - Flutter

Question

我看到了一些使用 Padding 的解决方案，但我不知道这是否是最好的解决方案......有没有另一种方法可以让 TextFormField 中的文本居中？

表单域-图像

class _InputFormFieldState extends State<InputFormField> {
  @override
  Widget build(BuildContext context) {

    return Container(
      width: this.widget.width,
      height: 50,
      decoration: BoxDecoration(
        borderRadius: BorderRadius.circular(6.0),
        boxShadow: ThemeEffect.shadowInputField()
      ),
      child: TextFormField(
        controller: this.widget.controller,
        validator: this.widget.validator,     
        style: ThemeText.sign_up_input_field,
        decoration: InputDecoration(
          errorBorder:OutlineInputBorder(
            borderSide: BorderSide(
              color: ThemeColor.flamingo,
              width: 2
            ),
          ),
          errorStyle: TextStyle(height: 0),
          hintText: this.widget.hintText,
          hintStyle:  ThemeText.sign_up_input_field_hint,
          border: new OutlineInputBorder(
            borderRadius: BorderRadius.circular(6.0),
            borderSide: BorderSide.none,
          ),
          filled: true,
          fillColor: ThemeColor.white
        ),
      ),
    );
  }
}

Answer 1

在您的TextFormField中。

添加 - textAlign: TextAlign.center,

...
child: TextFormField(
            controller: this.widget.controller,
            textAlign: TextAlign.center,   // Add this Line
            validator: this.widget.validator,
            style: ThemeText.sign_up_input_field,
...

Answer 2

尝试这个：

TextField(
  textAlign: TextAlign.center,
)

Answer 3

无需使用填充，因为该属性已由小部件提供，因此您只需添加 TextAlign.center 即可解决此问题，如下所示：

TextFormField(
    textAlign: TextAlign.center,