Flutter SearchDelegate：如何更改文本光标中蓝色气泡的颜色并选择？

Question

Flutter SearchDelegate：如何在 Flutter 中更改搜索委托小部件中蓝色气泡的颜色？

环境：sdk：">=2.12.0 <3.0.0"

在我的 Scaffold-Appbar 中，我有一个带有 IconButton 的操作，然后我调用了 DataSearch。 然后我在 DataSearch 中设置 ThemeData appBarTheme。 而已。

      appBar: AppBar(
        title: Text(widget.title),
        actions: [
          IconButton(
            icon: const Icon(Icons.search),
            onPressed: () {
              showSearch(context: context, delegate: DataSearch());
            },
          ),
        ],
      ),


class DataSearch extends SearchDelegate<String> {
  @override
  ThemeData appBarTheme(BuildContext context) {
    return ThemeData(
      textSelectionTheme: TextSelectionThemeData(
        //cursorColor: Colors.red,
        selectionHandleColor: Colors.red,
        //selectionColor: Colors.white,
      ), // cursor color
    );
  }

Answer 1

您可以通过设置selectionHandleColor来更改textSelectionTheme的颜色。

textSelectionTheme: TextSelectionThemeData(
        selectionHandleColor: Colors.red, // Change bubble to red
        cursorColor: Colors.white,
      ),