flutter - 通过应用程序主题数据更改未聚焦的文本字段图标颜色

Question

我想更改未聚焦的文本字段图标颜色。

通过原色，我可以像第二个文本字段一样更改聚焦图标的颜色，我想更改第一个(未单击的)。

我想在整个应用程序中更改它，所以我使用 ThemeData在我的主要 MaterialApp 中

例如:我希望未聚焦的文本字段图标颜色为紫色，聚焦的图标颜色为红色。

更新:2019 年 6 月 8 日我为 flutter 团队提出了一个问题，因为我认为这需要在 flutter 框架本身而不是 focs 节点的解决方法 Issue Link看起来它有一个 PR PR Link

Answer 1

通过使用一个FocusNode来判断TextField何时没有焦点，然后将你想要的颜色分配给的Icon() >prefixicon，聚焦时显示默认主题颜色:

FocusNode fieldNode = FocusNode();
Container(
  padding: EdgeInsets.only(bottom: 20.0),
  child: TextField(
    focusNode: fieldNode,
    textAlign: TextAlign.start,
    decoration: InputDecoration(
        hintText: 'account',
        labelText: 'Label',
        hasFloatingPlaceholder: true,
        prefixIcon: Icon(Icons.account_circle,
            color: fieldNode.hasFocus
                ? Theme.of(context).primaryColor
                : Colors.purple)),
    keyboardType: TextInputType.text,
    textCapitalization: TextCapitalization.words,
    controller: firstNameController,
  ),
),