Flutter中TextField标签文本添加两种颜色答案

【问题标题】：Add two colors in label text of TextField in FlutterFlutter中TextField标签文本添加两种颜色
【发布时间】：2020-08-26 16:08:33
【问题描述】：

我需要为 TextField() 的 labelText 设置两种不同的颜色。我有一个实现 TextField 的功能请求，其标题将显示为“必需*”，但我需要为标签文本设置两种不同的颜色，例如“必需”为绿色，仅“*”为红色。

TextField(
                  controller: _controller,
                  decoration: new InputDecoration(
                    hintText: 'Search here',
                    labelStyle: TextStyle(),
                    labelText: 'Required*' //make 'Required' green and '*' red color
                  ),
                  onChanged: (str) {
                    //need to implement debounce
                  }
              )

【问题讨论】：

我认为flutter现在不支持它，你必须为它创建一个自定义小部件

标签： flutter textfield text-styling

【解决方案1】：

嘿，可以实施该计划。但这有点棘手。您需要的第一件事是堆栈小部件。在它里面有一个 TextField 小部件和一个 Positioned 小部件。当您在 TextField 中输入内容时，暂时保持相同颜色。然后，您可以使用 Positioned Widget 覆盖所需的位置。这就是我之前在项目中实现它的方式。请记住，在验证字段时，位置可能会滑动。不要忽视边缘情况。

【讨论】：

你能显示一些代码吗？因为到目前为止这还没有解决颜色问题。