ಪ್ರತಿ ಟ್ಯಾಬ್ಗೆ ಸ್ವತಂತ್ರ ಸ್ಟ್ಯಾಕ್ಗಳು
DeclarativeTabsScaffold ಪ್ರತಿ ಟ್ಯಾಬ್ನ ಪುಟಪಟ್ಟಿಯನ್ನು ಸ್ವತಂತ್ರವಾಗಿ ಉಳಿಸುತ್ತಾ, ಘೋಷಣಾತ್ಮಕ ನವೀಕರಣಗಳನ್ನು ಕಾಯ್ದುಕೊಳ್ಳುತ್ತದೆ.
ಟ್ಯಾಬ್-ಸ್ಥಳೀಯ ಪುಟಪಟ್ಟಿಗಳು
ಟ್ಯಾಬ್ ನ್ಯಾವಿಗೇಶನ್ ಸ್ಥಿತಿ ಊಹಿಸಬಹುದಾಗಿರಲು Map<TabId, List<PageEntry>> ಅನ್ನು ನಿರ್ವಹಿಸಿ.
ಪ್ರತಿ ಪರದೆಗೆ overlay ಗಳು
ಪ್ರತಿ ಟ್ಯಾಬ್ ಪರದೆಗಾಗಿ overlay ಸ್ಥಿತಿಯನ್ನು ವ್ಯಾಪ್ತಿಗೊಳಿಸಲು TabPageKey = (TabId, pageKey) ಬಳಸಿ.
ಸತತ ಹಿಂದಿರುಗುವ ಕ್ರಮ
Overlay -> ಟ್ಯಾಬ್ ಸ್ಟ್ಯಾಕ್ pop ಮಾಡಿ -> ಮೊದಲ ಟ್ಯಾಬ್ -> onBackAtRoot.
ಟ್ಯಾಬ್ Scaffold ಮಾದರಿ
ಪ್ರತಿ ಟ್ಯಾಬ್ಗೆ ಮೂಲ ಪುಟಗಳನ್ನು ತಯಾರಿಸಿ ಮತ್ತು ಎಲ್ಲಾ ಟ್ಯಾಬ್ ಈವೆಂಟ್ಗಳನ್ನು state ನವೀಕರಣಗಳ ಮೂಲಕ ಮಾರ್ಗಗೊಳಿಸಿ.
ಟ್ಯಾಬ್ ಓವರ್ಲೆ ನಕ್ಷೆ
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] ಖಾಲಿಯಾಗಿರಬಾರದು ಏಕೆಂದರೆ ಸ್ಥಿರ ನ್ಯಾವಿಗೇಶನ್ ವರ್ತನೆಗೆ ಮೂಲ ಪುಟ ಅಗತ್ಯವಿದೆ.
ಹಿಂದಿನದು
Resolverಗಳುಮುಂದಿನದು
ಓವರ್ಲೆಗಳು