Itsenäiset pinot jokaiselle välilehdelle

DeclarativeTabsScaffold pitää kunkin välilehden sivulistan itsenäisenä ja säilyttää samalla deklaratiiviset päivitykset.

Seuraava: Takaisin-käsittely Takaisin Overlayt-sivulle

Välilehtikohtaiset sivulistat

Hallitse Map<TabId, List<PageEntry>> -rakennetta ennustettavaa välilehtinavigoinnin tilaa varten.

Näyttökohtaiset overlayt

Käytä TabPageKey = (TabId, pageKey) -avainta overlay-tilan rajaamiseen kullekin välilehden näkymälle.

Johdonmukainen takaisin-järjestys

Overlay -> poista välilehtipino -> ensimmäinen välilehti -> onBackAtRoot.

Välilehtien runkomalli

Valmistele juurisivut kullekin välilehdelle ja ohjaa kaikki välilehtitapahtumat tilapäivitysten kautta.

Välilehtien overlay-kartta

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

Rajoite

Jokaiselle välilehdelle, pagesByTab[tab] ei saa olla tyhjä koska juurisivu tarvitaan vakaaseen navigointikäyttäytymiseen.

Edellinen

Overlayt

Seuraava

Takaisin-käsittely