탭별 독립 스택
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.
일관된 뒤로가기 순서
오버레이 -> 탭 스택 pop -> 첫 번째 탭 -> onBackAtRoot.
탭 스캐폴드 패턴
탭별 루트 페이지를 준비하고 모든 탭 이벤트를 상태 업데이트로 전달하세요.
탭 오버레이 맵
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]은 비어 있으면 안 됩니다 루트 페이지가 안정적인 탐색 동작에 필요하기 때문입니다.