Niezależne stosy dla każdej zakładki.

Deklaratywny komponent `DeclarativeTabsScaffold` utrzymuje niezależność list stron dla każdego z podzakładów, jednocześnie zachowując możliwość deklaratywnych aktualizacji.

Listy stron powiązane z konkretną zakładką.

Zarządzaj strukturą Map<TabId, List<PageEntry>> w celu zapewnienia przewidywalnego stanu nawigacji między zakładkami.

Nakładki wyświetlane na każdym ekranie.

Użyj parametru TabPageKey = (TabId, pageKey), aby określić zakres stanu nakładki dla każdego ekranu zakładki.

Stałe opóźnienia w realizacji zamówień.

Nakładka -> stos kart -> pierwsza karta -> akcja "cofnij" na poziomie głównym.

Wzorzec "Tabs Scaffold" (szkielet z zakładkami).

Przygotuj strony główne dla każdego zakładki i przekieruj wszystkie zdarzenia związane z zakładkami poprzez aktualizacje stanu.

Mapa z nakładką w zakładce.

Deklaratywny szablon zakładkowy.

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

Dla każdej zakładki, Tabele `pagesByTab` muszą zawierać co najmniej jeden element dla każdego zakładki. ponieważ strona główna jest niezbędna dla prawidłowego działania nawigacji.

Poprzedni.

Nakładki.