颤动填充到文本字段中的文本

Question

我已经为文本字段指定了一个自定义高度，并在其周围放置了一个容器。图标在中间，但文本不在文本字段的中心。有人知道解决此问题的方法吗？

Container(
                          height: 45,
                          child: TextFormField(
                            decoration: InputDecoration(
                              filled: true,
                              fillColor: Colors.grey[100],
                              border: OutlineInputBorder(
                                borderRadius: BorderRadius.circular(20),
                                borderSide: BorderSide(
                                  width: 0,
                                  style: BorderStyle.none,
                                ),
                              ),
                              hintText: 'Hint Text',
                            ),
                            style: TextStyle(
                              fontSize: 18,
                            ),
                          ),
                        ),

Answer 1

对于水平居中的提示文本：提示文本根据TextFormField的textAlign对齐，因此将textAlign: TextAlign.center添加到TextFormField 将提示文本水平居中。

对于垂直居中的提示文本：添加一个contentPadding，例如contentPadding: EdgeInsets.symmetric(vertical: 2)到TextField。

Container(
          height: 45,
          child: TextFormField(
            textAlign: TextAlign.center, // this is new
            decoration: InputDecoration(
              filled: true,
              contentPadding: EdgeInsets.symmetric(vertical: 2), // this is new
              fillColor: Colors.grey[100],
              border: OutlineInputBorder(
                borderRadius: BorderRadius.circular(20),
                borderSide: BorderSide(
                  width: 0,
                  style: BorderStyle.none,
                ),
              ),
              hintText: 'Hint Text',
            ),
            style: TextStyle(
              fontSize: 18,
            ),
          ),
        ),

颤动填充到文本字段中的文本

flutter padding to text in textfield

flutter

user-interface

uitextfield

height

textfield