Flutter TextFormField指针与文本重叠

Question

[在Flutter中使用TextFormField并在表单中预先填充文本时，当我在其上的某个位置点击以开始编辑文本时，我会在文本上方看到小雨滴指针：

我希望它显示在表格下方。像这样的东西：

这里是代码：

                  Container(
                    height: 40.0,
                    child: TextFormField(
                      style: TextStyle(
                        fontSize: 17,
                      ),
                      controller: serverAddressController,
                      decoration: InputDecoration(
                        border: OutlineInputBorder(
                          borderRadius: new BorderRadius.circular(10.0),
                        ),
                      ),
                      onChanged: (value) {
                        serverAddress = value;
                        changesSaved = false;
                      },
                      textInputAction: TextInputAction.next,
                      onFieldSubmitted: (_) {
                        FocusScope.of(context)
                            .requestFocus(daysBackFocusNode);
                      },
                    ),
                  ),

我该怎么办？

Answer 1

您已将容器高度设置为较低，但没有减少内容填充只需添加contentPadding属性

decoration: InputDecoration(
  contentPadding: EdgeInsets.only(left: 16, right: 16),
  border: OutlineInputBorder(
    borderRadius: BorderRadius.circular(16.0),
  ),
),