如何更改 TextField 选择的颜色

Question

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

Example

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

Answer 1

在您的ThemeData 中，您可以选择TextSelectionTheme（最近的版本已迁移到此，如果您使用的是旧版本，则属性是ThemeData 上的各个属性。Here 是用于它和迁移中的一个例子docs：

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,
        )));
  }