Flutter 路由切换时,是否需要避免页面 Widget 重新实例化

发布于 1周前 作者 vueper 来自 Flutter

在 Flutter 路由切换时,默认情况下,新的页面 Widget 将被实例化,而旧的页面 Widget 将被销毁。但是也有一些方法可以避免重新实例化页面 Widget 。

对于程序的主页面,比如 V2EX 的三方客户端,主页为帖子列表,我想到两种实现方案:

  1. 使用 PageStorage 处理主页 Weidget ,避免重建,只有在新建或者手动刷新才请求 API 获取最新数据;
  2. 按照默认逻辑销毁创建,额外维护缓存,无命中缓存或者手动刷新才请求 API 获取最新数据。

请问哪一种是业界比较推崇的做法,或者说还有更好的方案吗?请指正。

此外对于程序主页面的路由还存在一些疑惑,比如 UI 交互使用了 NavigationBar 组件,那么对于这个路由是否仅用 selectedIndex 标记调转即可,没有必要使用命名路由。


Flutter 路由切换时,是否需要避免页面 Widget 重新实例化

更多关于Flutter 路由切换时,是否需要避免页面 Widget 重新实例化的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

2 回复

路由切换是指啥情况 如果是 push 到下一个页面是不会重新构建的,除非是远古版本的 sdk

更多关于Flutter 路由切换时,是否需要避免页面 Widget 重新实例化的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在Flutter中,路由切换时是否需要避免页面Widget重新实例化,取决于具体的应用需求和用户体验设计。

一般来说,如果页面状态需要在切换后保持,那么应该避免页面Widget重新实例化。Flutter提供了多种方式来实现这一点,例如使用PageStorageKeyAutomaticKeepAliveClientMixin等。这些技术可以确保在导航切换时页面状态得以保留,从而优化应用性能,避免不必要的页面实例化。

另一方面,如果页面状态不需要保持,或者重新实例化对用户体验没有负面影响,那么可以不进行特殊处理,允许页面Widget在路由切换时重新实例化。

在实际开发中,需要根据具体场景和需求来选择是否避免页面Widget重新实例化。例如,在底部导航栏或选项卡切换的场景中,通常需要保持页面状态,以避免用户每次切换时都需要重新加载数据。而在一些临时页面或对话框中,重新实例化可能更为合适,因为这些页面通常不需要保持状态。

综上所述,Flutter路由切换时是否需要避免页面Widget重新实例化,应根据具体的应用需求和用户体验设计来决定。

回到顶部