Stive independente pentru fiecare filă

DeclarativeTabsScaffold păstrează independentă lista de pagini a fiecărei file, menținând în același timp actualizările declarative.

Următorul: Gestionarea revenirii Înapoi la suprapuneri

Liste de pagini locale filei

Gestionați Map<TabId, List<PageEntry>> pentru o stare de navigare previzibilă pentru file.

Suprapuneri pe ecran

Folosiți TabPageKey = (TabId, pageKey) pentru a delimita starea de suprapunere pentru fiecare ecran al filei.

Ordine consecventă a revenirii

Suprapunere -> pop din stiva filei -> prima filă -> onBackAtRoot.

Modelul scaffold pentru file

Pregătiți pagini rădăcină pentru fiecare filă și direcționați toate evenimentele filelor prin actualizări de stare.

Harta suprapunerilor pe file

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,
);
Restricție

Pentru fiecare filă, pagesByTab[tab] nu trebuie să rămână gol deoarece pagina rădăcină este necesară pentru un comportament stabil al navigării.

Anterior

Rezolvator

Următorul

Suprapuneri