タブごとに独立したスタックを持つ
DeclarativeTabsScaffold では Map<TabId, List<PageEntry>> を使って、各タブの履歴を独立して管理できます。
タブ単位のページ配列
Map<TabId, List<PageEntry>> で、遷移履歴を明確に分離できます。
画面単位のオーバーレイ
TabPageKey = (TabId, pageKey) で画面ローカルなオーバーレイ状態を管理可能です。
戻る順序の統一
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ページが戻る制御の基準になります。