dart - 如何仅将填充应用于 Flutter 中 TextField 中的文本？

Question

没有填充我得到这个结果:

这样的事情

Padding(padding: EdgeInsets.all(20.0), child: TextField())

我得到以下结果:

这可能有点难以看清，但您只需看看边缘的红色徽章即可理解我的意思。

我只想用我的填充移动文本，但实际上整个 TextField 都应用了填充，即下划线随着填充移动，但我想要下划线仍然遍历整个 View ，只有 TextField 内的文本受填充影响。

Answer 1

将填充应用于 TextField 的内容。你可以申请

contentPadding property of ItemDecoration at decoration property of TextField.

像这样:

TextField(
  textAlign: TextAlign.left,
  decoration: InputDecoration(
    hintText: 'Enter Something',
    contentPadding: EdgeInsets.all(20.0),
  ),
)