如何更改 TextField 选择的颜色

Question

如何更改文本字段“选择”的颜色，如下图所示：

例子

在此图像中，背景选择为蓝色，选项为灰色，但在颤动中，我该如何更改此颜色？

Answer 1

在您的ThemeData ，您可以选择TextSelectionTheme （最近的版本已迁移到此，如果您使用旧版本，则属性是ThemeData上的单个属性。 以下是它的文档和迁移文档中的示例：

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

编辑：如果您只想更改单个小部件的主题，您可以使用Theme小部件包装您的构建功能，如下所示：

  Widget build(BuildContext context) {
    return Theme(
        child: MyWidget(),
        data: ThemeData(
            textSelectionTheme: TextSelectionThemeData(
          cursorColor: Colors.red,
          selectionColor: Colors.green,
          selectionHandleColor: Colors.blue,
        )));
  }