Question

由于我们无法制作RichText / Text Span之类的小部件来设置TextFormField的样式，我们如何获得这样的结果？谁能帮我这个忙... 预先感谢。

现在正在获取：-

预期结果：-

Answer 1

最简单的方法，但不完全相同：

              TextField(
                decoration: InputDecoration(
                  hintText: 'Ciao',
                  suffixText: '*',
                  suffixStyle: TextStyle(
                    color: Colors.red,
                  ),
                ),
              ),

或创建一个自定义TextField以将提示用作窗口小部件而不是字符串

您可以使用我的两个自定义文件：

              TextFieldCustom(
                hintText: Text.rich(
                  TextSpan(
                    text: 'FIRST NAME',
                    children: <InlineSpan>[
                      TextSpan(
                        text: '*',
                        style: TextStyle(color: Colors.red),
                      ),
                    ],
                    style: TextStyle(color: Colors.black54),
                  ),
                ),
              ),

Answer 2

以快速的方式实现了这一目标。用以下代码替换input_decorator.dart：

https://github.com/neal786y/InputDecoratorForMandatoryFields/blob/master/input_decorator.dart

在InputDecoration范围内添加属性“ isMandatoryField：true”

为我临时工作。

Answer 3

尝试这两个我有相同要求的文件。只需在CInputDecoration中添加属性 isMandate: true并使用CTextField。

CTextField(
...
  decoration: new CInputDecoration(
     isMandate: true,
...
))

https://github.com/sumit1954/Flutter/blob/master/CInputDecorator.dart https://github.com/sumit1954/Flutter/blob/master/CTextField.dart

如何在Flutter中的TextFormField标签中添加红色星号

3 个答案: