탭별 페이지 목록
탭 탐색 상태를 예측 가능하게 유지하려면 Map<TabId, List<PageEntry>>를 관리하세요.
화면별 오버레이
각 탭 화면의 오버레이 상태를 범위 지정하려면 TabPageKey = (TabId, pageKey)를 사용하세요.
일관된 뒤로가기 순서
오버레이 -> 탭 스택 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]은 비어 있으면 안 됩니다 루트 페이지가 안정적인 탐색 동작에 필요하기 때문입니다.