选定时Flutter TextField更改图标颜色

目标:单击文本字段时，更改文本字段旁边的prefixIcon的颜色。

TextField(
  decoration: InputDecoration(
    prefixIcon: Icon(Icons.lock_outline),
    hintText: 'Username'
  )
)

最佳答案

选中时，显示的颜色是主题的应用程序primaryColor:。

更改的一种方法是使用Theme窗口小部件。

 Theme(
                              child: TextField(
                                decoration: InputDecoration(
                                  prefixIcon: Icon(Icons.email),
                                  labelText: "Email",
                                  hintText: "[e-mail]",
                                ),
                                autofocus: true,
                              ),
                              data: Theme.of(context)
                                  .copyWith(primaryColor: Colors.redAccent,),
                            ),

另一种是在primaryColor主题级别更改MaterialApp。