प्रत्येक टॅबसाठी स्वतंत्र स्टॅक्स
DeclarativeTabsScaffold keeps each tab's page list independent while preserving declarative updates.
टॅब-स्थानिक पानांच्या याद्या
Manage Map<TabId, List<PageEntry>> for predictable tab navigation state.
प्रत्येक स्क्रीनसाठी ओव्हरले
Use TabPageKey = (TabId, pageKey) to scope overlay state for each tab screen.
सुसंगत परतीचा क्रम
ओव्हरले -> टॅब स्टॅक pop करा -> पहिला टॅब -> onBackAtRoot.
टॅब्स स्कॅफोल्ड नमुना
प्रत्येक टॅबसाठी root pages तयार करा आणि सर्व टॅब इव्हेंट्स state updates मधून मार्गित करा.
टॅब ओव्हरले मॅप
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] रिकामे नसले पाहिजे कारण स्थिर नेव्हिगेशन वर्तनासाठी root page आवश्यक आहे.