ਹਰ ਟੈਬ ਲਈ ਸੁਤੰਤਰ stacks

DeclarativeTabsScaffold ਹਰ ਟੈਬ ਦੀ ਪੇਜ ਸੂਚੀ ਨੂੰ ਸੁਤੰਤਰ ਰੱਖਦਾ ਹੈ, ਜਦਕਿ ਘੋਸ਼ਣਾਤਮਕ ਅੱਪਡੇਟਾਂ ਨੂੰ ਬਰਕਰਾਰ ਰੱਖਦਾ ਹੈ.

ਅੱਗੇ: ਬੈਕ ਹੈਂਡਲਿੰਗ ਓਵਰਲੇਜ਼ ਵੱਲ ਵਾਪਸ ਜਾਓ

ਟੈਬ-ਸਥਾਨਕ ਪੇਜ ਸੂਚੀਆਂ

ਅਗਾਊਂ ਅਨੁਮਾਨਯੋਗ ਟੈਬ navigation state ਲਈ Map<TabId, List<PageEntry>> ਦਾ ਪ੍ਰਬੰਧ ਕਰੋ.

ਹਰ ਸਕ੍ਰੀਨ ਲਈ overlays

ਹਰ ਟੈਬ ਸਕ੍ਰੀਨ ਲਈ overlay state ਦੀ ਹੱਦ ਨਿਰਧਾਰਤ ਕਰਨ ਲਈ TabPageKey = (TabId, pageKey) ਵਰਤੋ.

ਸਥਿਰ back ਕ੍ਰਮ

Overlay -> tab stack pop ਕਰੋ -> ਪਹਿਲੀ tab -> onBackAtRoot.

Tabs Scaffold ਪੈਟਰਨ

ਹਰ ਟੈਬ ਲਈ root pages ਤਿਆਰ ਕਰੋ ਅਤੇ ਸਾਰੇ tab events ਨੂੰ state updates ਰਾਹੀਂ ਰੂਟ ਕਰੋ.

Tab Overlay Map

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] ਖਾਲੀ ਨਹੀਂ ਰਹਿਣਾ ਚਾਹੀਦਾ ਕਿਉਂਕਿ ਸਥਿਰ navigation behavior ਲਈ root page ਲੋੜੀਂਦਾ ਹੈ.

ਪਿਛਲਾ

ਓਵਰਲੇਜ਼

ਅੱਗੇ

ਬੈਕ ਹੈਂਡਲਿੰਗ