タブごとに独立したスタックを持つ
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.
戻る順序の統一
overlay -> タブ内pop -> 先頭タブ -> onBackAtRoot の順で処理します。
タブ構成の基本形
各タブのrootページを必ず持たせ、状態更新でタブ遷移を行います。
タブオーバーレイMap
DeclarativeTabsScaffold
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] は空にしない でください。rootページが戻る制御の基準になります。