如何为TextField的提示文本与输入文本设置不同的对齐方式?
解决方案
要实现提示文本右对齐、输入文本左对齐的效果,需分别控制输入内容与提示文本的对齐规则:
- 保留
TextField的textAlign: TextAlign.left,确保输入文本左对齐 - 通过
InputDecoration的hintStyle单独指定提示文本的对齐样式
完整代码示例:
TextField( textAlign: TextAlign.left, // 输入文本左对齐 decoration: InputDecoration( hintText: "请输入内容", hintStyle: TextStyle( textAlign: TextAlign.right, // 提示文本右对齐 ), ), );
设置完成后,未输入内容时提示文本保持右对齐,输入内容后文本会自动左对齐显示。
内容的提问来源于stack exchange,提问作者Gwhyyy
相关产品推荐
相关产品推荐

