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