ಪ್ರತಿ ಟ್ಯಾಬ್‌ಗೆ ಸ್ವತಂತ್ರ ಸ್ಟ್ಯಾಕ್‌ಗಳು

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ಗಳು

ಮುಂದಿನದು

ಓವರ್‌ಲೆಗಳು