如何将静态单元(文本)添加到Flutter中的TextFormField？
提问于 2020-11-21 19:11:48
我目前有一个带有hintText的TextFormField：
我们的目标是在TextFormField中添加单元，而不管用户是否正在输入。它应该看起来像这样：
如何做到这一点？另外，如何确定价值的中心？
下面是我为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: '',
),
),
回答 2
Stack Overflow用户
回答已采纳
发布于 2020-11-21 19:31:39
TextFormField修饰可以是suffixText属性
TextFormField(
controller: c,
// align to center
textAlign: TextAlign.center,
decoration: InputDecoration(
hintText: '0.0',
// show kg
suffixText: 'Kg',
)可以使用textAlign属性使文本居中
Stack Overflow用户
发布于 2020-11-21 20:06:35
一种方法是在容器内的row中使用TextFormField和文本，如下所示可以有所帮助
Container(
child: Row(
children: [TextFormField(), Text('Kg')],
),
),另一种方法是您可以使用
TextFormField(
decoration: InputDecoration(suffixText: 'Kg'),
),但这里的问题是，当启用TextFormField时，您只能获得后缀文本，您可以尝试使用autovalidate属性使其始终可见，如下所示
TextFormField(
autovalidateMode: AutovalidateMode.always,
decoration: InputDecoration(suffixText: 'Kg'),
),我还没有测试过这个autovalidateMode，但是它应该可以正常工作。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64947031
复制相关文章
腾讯云开发者
