Flutter webview_plugin 性能影响
Flutter webview_plugin performance implications
Flutter 网络团队表示,目前 HTML 文档更适合(修饰)大量文本,而不是使用 Flutter Widget 框架,Flutter excel 在编程应用程序中修饰。
所以我有大量的文字 & 图片 & 动画,这将受益于 HTML 的装扮和灵活性,但有一些元素我想编程。
Flutter youtube 教学团队表示,在使用 Flutter 的 webview plugin 时,Webview 触摸事件会被取消优先级,这可能会导致滚动时卡顿或 HTML css 按钮响应延迟,或者CSS 或 SVG Smil 动画触发的延迟。糟糕的用户体验。
HTML 文件主要保存在设备上我的应用资产文件夹中。在使用 Flutter webview 时,有人有一些指南可以最大限度地提高性能吗?
理想的用户体验应该是一个 GoogleMap,点击一个标记,然后一个 SlidingPanel 向上移动,带有一些原生的 Flutter 按钮作为 header,下面是一个非常高的 webView,有很多 HTML.
- 当标记的时候导航到一个干净的页面会更好吗?
onTapped?所以 googlemap 不在后台。
- 会
最好不要在 header 和 HTML 中混用 Flutter 按钮
网络视图作为 body?
至少根据我的经验,当用户与 flutter 交互时,webview 几乎不使用 cpu。 (我不确定很多触摸事件是否会大大改变这个等式)。但是很容易写出性能不佳的 Flutter Widget 树。由于我们倾向于让 widget 树变得越来越复杂来做看起来正确的事情,然后在最后检查性能,然后发现性能很差,所以没有太多可以做的。不获取事件和重新绘制的复杂小部件树当然没问题。
Web 视图可以限制为任何大小,如果没有 overlap/interactin 带有 flutter 小部件,那么我认为 Web 视图中发生的任何事情都不会触发页面其他地方的 cpu。所以让webview全屏没有任何好处。
Flutter 网络团队表示,目前 HTML 文档更适合(修饰)大量文本,而不是使用 Flutter Widget 框架,Flutter excel 在编程应用程序中修饰。
所以我有大量的文字 & 图片 & 动画,这将受益于 HTML 的装扮和灵活性,但有一些元素我想编程。
Flutter youtube 教学团队表示,在使用 Flutter 的 webview plugin 时,Webview 触摸事件会被取消优先级,这可能会导致滚动时卡顿或 HTML css 按钮响应延迟,或者CSS 或 SVG Smil 动画触发的延迟。糟糕的用户体验。
HTML 文件主要保存在设备上我的应用资产文件夹中。在使用 Flutter webview 时,有人有一些指南可以最大限度地提高性能吗?
理想的用户体验应该是一个 GoogleMap,点击一个标记,然后一个 SlidingPanel 向上移动,带有一些原生的 Flutter 按钮作为 header,下面是一个非常高的 webView,有很多 HTML.
- 当标记的时候导航到一个干净的页面会更好吗? onTapped?所以 googlemap 不在后台。
- 会 最好不要在 header 和 HTML 中混用 Flutter 按钮 网络视图作为 body?
至少根据我的经验,当用户与 flutter 交互时,webview 几乎不使用 cpu。 (我不确定很多触摸事件是否会大大改变这个等式)。但是很容易写出性能不佳的 Flutter Widget 树。由于我们倾向于让 widget 树变得越来越复杂来做看起来正确的事情,然后在最后检查性能,然后发现性能很差,所以没有太多可以做的。不获取事件和重新绘制的复杂小部件树当然没问题。
Web 视图可以限制为任何大小,如果没有 overlap/interactin 带有 flutter 小部件,那么我认为 Web 视图中发生的任何事情都不会触发页面其他地方的 cpu。所以让webview全屏没有任何好处。