Flutter Web使用CanvasKit渲染时无法用浏览器Ctrl+F搜索文本，求解决方案

Flutter Web使用CanvasKit渲染器时，所有页面元素（包括文本）均通过Skia引擎直接绘制在<canvas>标签上，浏览器DOM树中不存在对应的真实文本节点，因此浏览器自带的Ctrl+F搜索功能无法识别到页面显示的文本内容。

• 嵌入透明DOM文本节点
  对需要支持搜索的文本内容，使用HtmlElementView组件包裹真实的DOM文本元素，将透明的DOM文本节点与Canvas上绘制的文本位置对齐，不会影响页面原有视觉效果，同时浏览器可识别到DOM中的文本内容，支持原生Ctrl+F检索。
• 实现应用内全局搜索
  拦截浏览器Ctrl+F快捷键的默认行为，自行开发应用内全局搜索逻辑：遍历页面所有文本内容匹配关键词，高亮对应展示位置，可实现和原生搜索一致的使用体验。
• 按需切换渲染器
  如果业务对CanvasKit的图形性能需求不高，可切换为HTML渲染器，原生支持浏览器文本搜索，启用命令为flutter run -d chrome --web-renderer html。也可配置渲染器自动选择逻辑：桌面端使用CanvasKit保障性能，移动端使用HTML渲染器支持文本搜索，兼顾两类场景需求。

• 旧版本启用命令：
  flutter run -d chrome --dart-define=FLUTTER_WEB_USE_SKIA=true
• 新版本快捷启用命令：
  flutter run -d chrome --web-renderer canvaskit

内容的提问来源于stack exchange，提问作者Ruchira More