flutter - 如何在 Flutter 中 TextFormField 的标签中添加红色 Asterisk

Question

由于我们无法制作像 RichText/Text Span 这样的小部件来设置 TextFormField 的样式，
谁能帮我解决这个问题...
现在得到:-

预期结果:-

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

Answer 1

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

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

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

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

input_decorator.dart

text_field_custom.dart

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