如何调整TextField组件hintText显示长度 避免提示文本被自动截断

默认状态下InputDecoration的提示文本最大行数为1，长文本会被自动截断追加省略号，该配置独立于TextField本身的行数配置，只需单独调整提示文本的行数参数即可解决：

• 在InputDecoration中新增hintMaxLines参数，赋值为null即可让提示文本自动换行，完整展示所有内容；如果需要限制提示文本最多展示N行，将参数值设为对应数字即可。

修改后的代码示例：

TextField(
  minLines: null,
  maxLines: null,
  maxLength: 100,
  keyboardType: TextInputType.multiline,
  decoration: InputDecoration(
    border: InputBorder.none,
    hintText: 'Write your text here by clicking here on this loonnggggg text',
    // 新增以下配置即可
    hintMaxLines: null
  ),
);

如果需要强制提示文本单行展示且不截断，可额外在hintStyle中配置overflow: TextOverflow.visible，该方案会让超出组件宽度的文本直接延伸到屏幕外，仅适合特殊场景使用。

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