Stacks independientes por pestaña

DeclarativeTabsScaffold mantiene independiente la lista de páginas de cada pestaña mientras conserva las actualizaciones declarativas.

Siguiente: Manejo del botón atrás Volver a Overlays

Listas de páginas locales por pestaña

Administre Map<TabId, List<PageEntry>> para un estado de navegación por pestañas predecible.

Overlays por pantalla

Use TabPageKey = (TabId, pageKey) para delimitar el estado del overlay para cada pantalla de pestaña.

Orden de regreso consistente

Overlay -> pop del stack de pestaña -> primera pestaña -> onBackAtRoot.

Patrón de scaffold para pestañas

Prepare páginas raíz por pestaña y dirija todos los eventos de pestaña a través de actualizaciones de estado.

Mapa de overlays por pestaña

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

Restricción

Para cada pestaña, pagesByTab[tab] debe permanecer no vacío porque la página raíz es necesaria para un comportamiento de navegación estable.

Overlays

Manejo del botón atrás