Piles indépendantes par onglet

DeclarativeTabsScaffold conserve la liste de pages de chaque onglet de façon indépendante tout en préservant les mises à jour déclaratives.

Suivant : Gestion du retour Retour aux superpositions

Listes de pages propres à l’onglet

Gérez Map<TabId, List<PageEntry>> pour obtenir un état de navigation des onglets prévisible.

Superpositions par écran

Utilisez TabPageKey = (TabId, pageKey) pour délimiter l’état des superpositions de chaque écran d’onglet.

Ordre de retour cohérent

Superposition -> dépiler la pile de l’onglet -> premier onglet -> onBackAtRoot.

Modèle de structure d’onglets

Préparez des pages racine pour chaque onglet et faites passer tous les événements d’onglet par des mises à jour d’état.

Carte des superpositions par onglet

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

Contrainte

Pour chaque onglet, pagesByTab[tab] doit rester non vide car la page racine est nécessaire pour un comportement de navigation stable.

Superpositions

Gestion du retour