[英]How to add a static unit (text) to a TextFormField in Flutter?
我目前有一个带有hintText的TextFormField
:
目标是在 TextFormField 中添加 Units,无论用户是否正在输入。 它应该看起来像这样:
如何实现这一目标? 另外,如何将值居中?
这是我当前的 TextFormField 代码:
TextFormField(
decoration: InputDecoration(
hintText: '0.0',
contentPadding: EdgeInsets.symmetric(horizontal: 20.0, vertical: 5.0),
filled: true,
fillColor: Colors.white24,
floatingLabelBehavior: FloatingLabelBehavior.never,
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(10.0),
borderSide: BorderSide.none,
),
counterText: '',
),
),
TextFormField
修饰可以是一个suffixText
属性
TextFormField(
controller: c,
// align to center
textAlign: TextAlign.center,
decoration: InputDecoration(
hintText: '0.0',
// show kg
suffixText: 'Kg',
)
文本可以使用textAlign
属性居中
一种方法是在容器内的行内使用 TextFormField 和文本,这样可以帮助
Container(
child: Row(
children: [TextFormField(), Text('Kg')],
),
),
另一种方法是你可以使用
TextFormField(
decoration: InputDecoration(suffixText: 'Kg'),
),
但这里的问题是,当启用 TextFormField 时,您只会获得后缀文本,您可以尝试使其始终可见的一种解决方法是使用autovalidate
属性,例如
TextFormField(
autovalidateMode: AutovalidateMode.always,
decoration: InputDecoration(suffixText: 'Kg'),
),
我还没有测试过这个 autovalidateMode 但它应该可以正常工作。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.