每个标签页独立维护堆栈。

DeclarativeTabsScaffold 会让每个标签页的页面列表彼此独立,同时保留声明式更新。

标签页本地页面列表

通过 Map<TabId, List<PageEntry>> 管理标签页导航状态,行为更可预测。

按屏幕划分叠层

使用 TabPageKey = (TabId, pageKey) 为每个标签页屏幕隔离叠层状态。

一致的返回顺序

叠层 -> 弹出标签页堆栈 -> 第一个标签页 -> onBackAtRoot。

标签页脚手架模式

为每个标签页准备根页面,并通过状态更新处理所有标签页事件。

标签页叠层映射

声明式标签页脚手架

const tabHome = TabId('home');
const tabSettings = TabId('settings');

final pagesByTab = <TabId, List<PageEntry>>{
  tabHome: [const PageEntry(key: 'home', name: '/home')],
  tabSettings: [const PageEntry(key: 'settings', name: '/settings')],
};

return DeclarativeTabsScaffold(
  items: items,
  currentTab: currentTab,
  onSelectTab: _selectTab,
  pagesByTab: pagesByTab,
  setPagesForTab: _setPagesForTab,
  buildPage: _buildTabPage,
);
约束

对于每个标签页, pagesByTab[tab] 必须保持非空 因为根页面是稳定导航行为所必需的。

上一页

Resolver

下一页

叠层