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.Następny.
Obsługa z tyłu.