更改 Flutter 中的 TextField 光标底部指示器

Question

我想完全改变光标颜色。我添加了以下代码：

TextField(
  ...
  cursorColor: myBlueColor,
)

但是，这不会改变底部指示器（当您选择部分文本/文本位置时） - 它仍然是紫色的：

有人可以帮助如何实现这一目标吗？我使用的是 Flutter 3.16.0。

Answer 1

在您的

MaterialApp

中，您可以将

selectionHandleColor

更改为

TextSelectionThemeData

：

theme: ThemeData(
  textSelectionTheme: TextSelectionThemeData(
    cursorColor: Colors.red,
    selectionColor: Colors.green,
    selectionHandleColor: Colors.black,
  ),
)