每个标签页独立维护堆栈。
DeclarativeTabsScaffold keeps each tab's page list independent while preserving declarative updates.
标签页本地页面列表
Manage Map<TabId, List<PageEntry>> for predictable tab navigation state.
按屏幕划分叠层
Use TabPageKey = (TabId, pageKey) to scope overlay state for each tab screen.
一致的返回顺序
叠层 -> 弹出标签页堆栈 -> 第一个标签页 -> 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] 必须保持非空 因为根页面是稳定导航行为所必需的。