Flutter中如何修改TextField输入文本颜色

要修改输入文本的颜色，你需要直接在TextField组件上设置style属性——decoration里的labelStyle和hintStyle只作用于提示文本和标签，不会影响用户输入的内容。

修改后的代码如下：

Container(
      margin:
          EdgeInsets.only(left: Dimension.width30, right: Dimension.width30),
      decoration: BoxDecoration(
          color: Colors.white,
          borderRadius: BorderRadius.circular(Dimension.radius30),
          boxShadow: [
            BoxShadow(
                blurRadius: 3,
                spreadRadius: 1,
                offset: Offset(1, 1),
                color: Colors.grey.withOpacity(0.2))
          ]),
      child: TextField(
        // 添加此行设置输入文本颜色
        style: TextStyle(color: Color(0xff8F6ED5)),
        obscureText: isObscure ? true : false,
        controller: textEditingController,
        decoration: InputDecoration(
            hintText: textHint,
            labelStyle: TextStyle(color: Color(0xff8F6ED5)),
            hintStyle: TextStyle(color: Color(0xff8F6ED5)),
            prefixIcon: Icon(
              icon,
              color: Color(0xff8F6ED5),
            ),
            focusedBorder: OutlineInputBorder(
                borderRadius: BorderRadius.circular(Dimension.radius30),
                borderSide: BorderSide(width: 1.0, color: Colors.white)),
            enabledBorder: OutlineInputBorder(
                borderRadius: BorderRadius.circular(Dimension.radius30),
                borderSide: BorderSide(width: 1.0, color: Colors.white)),
            border: OutlineInputBorder(
              borderRadius: BorderRadius.circular(Dimension.radius30),
            )),
      ),
    );

这样设置后，用户输入的文本会变为指定的#8F6ED5颜色，与提示文本风格统一，同时容器背景色保持白色不变。

内容的提问来源于stack exchange，提问作者Ukeme Elijah