प्रत्येक टैब के लिए स्वतंत्र स्टैक्स

DeclarativeTabsScaffold प्रत्येक टैब की पेज सूची को स्वतंत्र रखता है, जबकि घोषणात्मक अपडेट्स बरकरार रहते हैं।

टैब-स्थानीय पेज सूचियाँ

पूर्वानुमेय टैब नेविगेशन स्थिति के लिए Map<TabId, List<PageEntry>> को प्रबंधित करें।

प्रति-स्क्रीन ओवरले

हर टैब स्क्रीन के लिए overlay state को सीमित करने हेतु TabPageKey = (TabId, pageKey) का उपयोग करें।

संगत बैक क्रम

ओवरले -> टैब स्टैक पॉप करें -> पहला टैब -> 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] खाली नहीं रहना चाहिए क्योंकि स्थिर नेविगेशन व्यवहार के लिए रूट पेज आवश्यक है।