在Flutter中的TextField的标签文本中添加两种颜色

Question

我需要为TextField（）的labelText设置两种不同的颜色。我有一个功能请求，要实现一个TextField，标题将显示为“ Required *”，但我需要的区别是为标签文本设置了两种不同的颜色，如“ Required”为绿色，而“ *”为红色。 / p>

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
                  }
              )

Answer 1

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