如何修改TextField的输入文本颜色？调整应用样式遇属性缺失问题

嘿，我懂你这种找不到对应属性的烦恼！你当前设置的hintColor只影响提示文字（就是hintText显示的内容），而输入的实际文本颜色是需要单独配置的，我给你两种简单的解决方案：

方案一：直接在TextField中设置style属性（最快捷） #

这是最直接的方式，不用动Theme，直接给TextField添加style参数指定文本颜色：

Theme(
  data: ThemeData(
    hintColor: Colors.white, // 这是控制提示文字的颜色
  ),
  child: TextField(
    focusNode: _focusUsername,
    controller: _controller,
    // 新增这行设置输入文本颜色
    style: const TextStyle(color: Colors.white),
    decoration: const InputDecoration(
      border: InputBorder.none,
      fillColor: Colors.grey,
      filled: true,
      hintText: 'Username',
    ),
  ),
),

方案二：通过ThemeData全局配置（适合多个TextField统一样式） #

如果你希望整个主题下的所有TextField都使用这个文本颜色，可以修改ThemeData的textTheme，因为TextField默认会继承textTheme.subtitle1的样式：

Theme(
  data: ThemeData(
    hintColor: Colors.white,
    // 全局设置TextField输入文本颜色
    textTheme: const TextTheme(
      subtitle1: TextStyle(color: Colors.white),
    ),
    // 如果你还想统一设置输入框其他样式，也可以加inputDecorationTheme
    inputDecorationTheme: const InputDecorationTheme(
      border: InputBorder.none,
      fillColor: Colors.grey,
      filled: true,
    ),
  ),
  child: TextField(
    focusNode: _focusUsername,
    controller: _controller,
    decoration: const InputDecoration(
      hintText: 'Username',
    ),
  ),
),

为什么之前的设置没用？因为hintColor只负责提示文字的颜色，输入后的文本属于TextField的正文内容，需要通过style属性或者全局主题的textTheme来控制。

试试上面的方法，应该就能轻松修改输入文本的颜色啦！

内容的提问来源于stack exchange，提问作者Mauricio De armas