flutter 填充到文本字段中的文本

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將使提示文本水平居中。

對於垂直居中的提示文本：向TextField添加contentPadding ，例如contentPadding: EdgeInsets.symmetric(vertical: 2) 。

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