Flutter webview 文本选择句柄颜色

Posted 2023-02-23

【中文标题】Flutter webview 文本选择句柄颜色

【英文标题】：Flutter webview text selection handle color

【发布时间】：2021-04-20 07:39:20

【问题描述】：

我们有一个文本编辑功能，我们可以在 Flutter Web 视图中加载 html 页面。 长按文本会打开文本选择句柄，但是我想更改选择句柄绿松石色（文本选择前后的两个气泡）。 我曾尝试在 android 样式中更改颜色，但没有奏效。 请注意，我想在 Web 视图中更改此设置。

【问题讨论】：

@Dude webview_flutter: ^1.0.7

【参考方案1】：

如果有人在寻找答案， 我已经找到了。

只需在 styles.xml

内的应用主题中添加这一行

<item name="android:colorControlActivated">#YourColorString</item>

它会显示预期的颜色

【参考方案2】：

试试这个

MaterialApp(
      title: 'title',
      theme: ThemeData(
        textSelectionTheme: TextSelectionThemeData(
          selectionColor: primaryColor.withOpacity(.5),
          cursorColor: primaryColor.withOpacity(.6),
          selectionHandleColor: primaryColor.withOpacity(1),
        ),
      ),
      home: Home(),
    )