Independent Stacks per Tab

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

Next: Back Handling اوورلے پر واپس جائیں

ٹیب-مقامی page lists

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

ہر اسکرین کے لیے اوورلے

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

مستقل back ترتیب

Overlay -> pop tab stack -> first tab -> onBackAtRoot.

ٹیبز اسکافولڈ پیٹرن

ہر tab کے لیے root pages تیار کریں اور تمام tab events کو state updates کے ذریعے route کریں۔

ٹیب اوورلے نقشہ

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

پابندی

ہر tab کے لیے، pagesByTab[tab] must stay non-empty because the root page is required for stable navigation behavior.

اوورلے

بیک ہینڈلنگ