Ngăn xếp độc lập cho từng tab

DeclarativeTabsScaffold keeps each tab's page list independent while preserving declarative updates.

Tiếp theo: Xử lý quay lại Quay lại Overlays

Danh sách trang cục bộ theo tab

Manage Map<TabId, List<PageEntry>> for predictable tab navigation state.

Overlay theo từng màn hình

Use TabPageKey = (TabId, pageKey) to scope overlay state for each tab screen.

Thứ tự quay lại nhất quán

Overlay -> pop ngăn xếp tab -> tab đầu tiên -> onBackAtRoot.

Mẫu Tabs Scaffold

Chuẩn bị trang gốc cho từng tab và đưa mọi sự kiện tab đi qua cập nhật trạng thái.

Bản đồ overlay theo tab

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,
);

Ràng buộc

Đối với mỗi tab, pagesByTab[tab] phải luôn không rỗng vì trang gốc là bắt buộc để duy trì hành vi điều hướng ổn định.

Trước đó

Overlays

Xử lý quay lại