如何更改 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,
        )));
  }