美文网首页
flutter TextField 设置icon后内边距问题

flutter TextField 设置icon后内边距问题

作者: 大冰子gg | 来源:发表于2022-08-30 15:23 被阅读0次

Textfield去掉内边距一般设置InputDecoration的isCollapsed属性为true就行,但是如果设置了icon,这时候文本内容就会便宜到顶部,isCollapsed属性也注明了不能有labelText errorText icon,所以这时候用这个属性不行。

直接上代码

TextField(
        decoration: InputDecoration(
          contentPadding: const EdgeInsets.only(),
          border: OutlineInputBorder(
            borderRadius: BorderRadius.circular(10),
          ),
          prefixIcon: const Icon(
            Icons.search,
            size: 20,
          ),
          constraints: const BoxConstraints(maxHeight: 40),
        ),
      )

这里直接用BoxConstraints设置想要的高度,并且同时要设置contentPadding,要不然文本内容可能也会上下偏移。

相关文章

网友评论

      本文标题:flutter TextField 设置icon后内边距问题

      本文链接:https://www.haomeiwen.com/subject/twilnrtx.html