Flutter中如何在输入框文本前添加空白间距？

要给TextField内的文本（包括提示文本和输入文本）左侧添加空白，避免过度左对齐，有几种简单的实现方式：

• 方法一：使用contentPadding调整内边距
  这是最常用的方式，通过InputDecoration的contentPadding属性直接设置输入内容与边框的间距，能同时作用于提示文本和输入文本：

TextField(
  decoration: InputDecoration(
    // 仅左侧添加16px内边距，可根据需求调整数值
    contentPadding: const EdgeInsets.only(left: 16.0),
    hintText: 'What...',
    border: const OutlineInputBorder(),
  ),
)

如果需要同时调整左右两侧的空白，可以用EdgeInsets.symmetric(horizontal: 16.0)替代。

• 方法二：使用prefix添加空白占位
  如果需要更灵活的控制（比如后续可能在空白处添加图标等元素），可以给InputDecoration的prefix属性设置一个固定宽度的空白组件：

TextField(
  decoration: InputDecoration(
    prefix: const SizedBox(width: 16.0),
    hintText: 'What...',
    border: const OutlineInputBorder(),
  ),
)

这两种方法都能实现你要的文本左缩进效果，根据实际需求选择即可。

内容的提问来源于stack exchange，提问作者dipansh