Question

我正在用Flutter构建一个社交网络应用程序，所有TextField都很高。我试过调整contentPadding参数，但是不起作用。当我删除inputDecoration（即将其设置为null）时，问题消失了，但是在那种情况下，我无法显示任何提示文本。

我也尝试过将TextField包装在Container中并设置Container的高度，但这也无济于事。它只会扭曲整个TextField。

Answer 1

试试看！这会稍微减少！

images.append(im.copy())

Answer 2

使用这两行来控制TextFormField内部InputDecoration的高度。

isDense: true, 
contentPadding: EdgeInsets.fromLTRB(10, 10, 10, 0),

完整示例

Material(
                elevation: 4,
                shadowColor: Colors.blue,
                shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10)),
                child: Padding(
                  padding: const EdgeInsets.only(left: 12),
                  child: TextFormField(
                    controller: searchProvider.searchController,
                    keyboardType: TextInputType.text,
                    decoration: InputDecoration(
                        hintText: 'hintText',
                        isDense: true, // important line
                        contentPadding: EdgeInsets.fromLTRB(10, 10, 10, 0),// control your hints text size
                        hintStyle: TextStyle(letterSpacing: 2, color: Colors.black54, fontWeight: FontWeight.bold),
                        fillColor:  Colors.white30 ,
                        filled: true,
                        border: OutlineInputBorder(borderRadius: BorderRadius.circular(30), borderSide: BorderSide.none)),
                  ),
                ),
              ),

Answer 3

尝试一下：

TextField(
    decoration: InputDecoration(
        isDense: true,
        contentPadding: EdgeInsets.zero,
        border: InputBorder.none,
        hintText: Strings.settingGoodsTitle
    )
)

如何调整Flutter TextField的高度？

3 个答案: