HarmonyOS鸿蒙Next中Flutter开发web应用时TextField在华为浏览器上多出光标问题

HarmonyOS鸿蒙Next中Flutter开发web应用时TextField在华为浏览器上多出光标问题 Doctor summary (to see all details, run flutter doctor -v):

  • [!] Flutter (Channel stable, 3.13.9, on macOS 13.5.2 22G91 darwin-arm64, locale zh-Hans-CN)

  • ! Warning: dart on your path resolves to /usr/local/Cellar/dart/2.17.6/libexec/bin/dart, which is not inside your current Flutter SDK checkout at /Users/xingguolei/flutter.

在使用Flutter开发web应用时，在华为浏览器上TextField 会出现两个光标，别的浏览器均正常，这个问题如何解决？

WeChat7c50b650eac6843017b12106e5a5741e.jpg


更多关于HarmonyOS鸿蒙Next中Flutter开发web应用时TextField在华为浏览器上多出光标问题的实战教程也可以访问 https://www.itying.com/category-92-b0.html

2 回复

具体的代码提供一下呢

更多关于HarmonyOS鸿蒙Next中Flutter开发web应用时TextField在华为浏览器上多出光标问题的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在HarmonyOS鸿蒙Next中使用Flutter开发Web应用时，若在华为浏览器上遇到TextField多出光标的问题，可能是由于浏览器与Flutter渲染引擎的兼容性问题导致的。建议尝试以下解决方案：

  1. 更新Flutter版本：确保使用最新版本的Flutter，以获取最新的修复和优化。
  2. 检查CSS样式：自定义TextField的CSS样式，避免与浏览器默认样式冲突。
  3. 使用WebView插件：考虑使用flutter_webview_plugin或webview_flutter插件来嵌入Web内容，减少直接依赖浏览器的渲染。
  4. 反馈问题：向Flutter和华为浏览器团队反馈该问题，以便他们进一步排查和修复。

通过这些步骤，可以有效减少或解决TextField多出光标的问题。

回到顶部