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

Question

由于我们无法制作像 RichText/Text Span 这样的小部件来设置 TextFormField 的样式，

谁能帮我解决这个问题...

现在得到：-

预期结果：-

我们如何才能达到这样的结果？

Answer 1

最简单的方法，但不完全等于：

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

或者创建一个自定义TextField以使用提示作为小部件而不是字符串

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

• 输入装饰器.dart
• 文本字段自定义.dart

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