Flutter中如何高效向深层页面传递多页面数据？

• 全局状态管理
  用框架自带的状态管理工具就行，比如Vue的Pinia、React的Zustand，把所有页面的数据统一存在全局状态里。每个页面填完数据直接更新对应状态字段，到第8个页面直接读取全局状态里的所有数据，完全不用层层传递。比如Pinia里定义一个formStore，每个页面调用store.updatePageData(pageNum, data)更新，最后在第8页直接拿store.allPageData。

• 本地存储（LocalStorage/SessionStorage）
  每个页面完成数据填写后，把数据存在本地存储里，用不同的键区分，比如page1_data、page2_data。到第8页时，把这些键对应的数据全部取出来合并。注意敏感数据别用这个，而且存储上限大概5MB。示例代码：

  // 页面1存数据
  localStorage.setItem('page1_data', JSON.stringify({ username: 'zhangsan' }));
  // 页面8取数据
  const page1Data = JSON.parse(localStorage.getItem('page1_data'));
  const page2Data = JSON.parse(localStorage.getItem('page2_data'));
  // 合并所有页面数据
  const allData = { ...page1Data, ...page2Data, /* ... */ };
  

• 路由跳转携带数据（单页应用适用）
  不用父组件逐层传，跳转时直接把数据带过去。比如从页面7跳去页面8时，把前7页的数据（可以存在当前页面的变量里）一起通过路由state或者query传递。如果数据量大，优先用state（刷新页面会丢失，适合临时数据），query参数有长度限制。示例（Vue Router）：

  // 页面7跳转
  this.$router.push({
    path: '/page8',
    state: {
      page1Data: this.page1Data,
      page2Data: this.page2Data,
      // ...page7Data
    }
  });
  // 页面8获取
  const allData = this.$route.state;
  

• 服务端会话存储
  如果是敏感数据或者需要持久化，每个页面填完后调用接口把数据存到后端的用户会话里（比如用Redis或者数据库临时表）。第8个页面直接调用接口拉取当前用户的所有页面数据。这种方式最安全，不怕页面刷新丢失数据。

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