Onafhankelijke stacks per tab

DeclarativeTabsScaffold houdt de paginalijst van elke tab afzonderlijk, terwijl declaratieve updates behouden blijven.

Volgende: Terug-afhandeling Terug naar overlays

Lokaal voor de tab pagina's

Beheer Map<TabId, List<PageEntry>> voor een voorspelbare navigatiestatus per tab.

Overlays per scherm

Gebruik TabPageKey = (TabId, pageKey) om de overlaystatus per tab-scherm te begrenzen.

Consistente terugvolgorde

Overlay -> tabstack poppen -> eerste tab -> onBackAtRoot.

Tabs Scaffold-patroon

Bereid rootpagina's per tab voor en routeer alle tabbenevenementen via statusupdates.

Tab-overlaykaart

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,
);

Beperking

Voor elke tab, pagesByTab[tab] moet niet leeg blijven omdat de rootpagina nodig is voor stabiel navigatiegedrag.

Resolver

Overlays