如何为Flutter中的单个TextField设置光标、选中文本及选择手柄颜色？

如果已经在全局MaterialApp的主题里统一配置了文本选择相关颜色，要给某个单独的TextField设置不同的颜色值，直接在该TextField组件中通过textSelectionTheme参数传入自定义的TextSelectionThemeData即可，无需修改全局主题配置。

具体实现示例 #

// 全局主题保持原有配置
MaterialApp(
  theme: ThemeData(
    textSelectionTheme: const TextSelectionThemeData(
      cursorColor: Colors.blue,
      selectionColor: Colors.blue,
      selectionHandleColor: Colors.blue,
    ),
  ),
  home: Scaffold(
    body: Center(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          // 使用全局主题颜色的输入框
          const TextField(
            decoration: InputDecoration(hintText: "全局主题样式输入框"),
          ),
          const SizedBox(height: 20),
          // 单独设置颜色的输入框
          TextField(
            decoration: const InputDecoration(hintText: "自定义颜色输入框"),
            // 覆盖全局主题，设置独立的文本选择颜色
            textSelectionTheme: const TextSelectionThemeData(
              cursorColor: Colors.red, // 光标设为红色
              selectionColor: Color.fromARGB(255, 255, 200, 200), // 选中文本背景设为浅红
              selectionHandleColor: Color.fromARGB(255, 200, 0, 0), // 选中文本的拖动手柄设为深红
            ),
          ),
        ],
      ),
    ),
  ),
);

参数说明 #

• cursorColor：控制输入光标的颜色
• selectionColor：控制选中文本区域的背景填充色
• selectionHandleColor：控制选中文本时两端的拖动手柄颜色

这种方式可以精准地为任意单个TextField设置独立的文本选择样式，不会影响其他输入框的全局主题效果。

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