Stacks independentes por aba

DeclarativeTabsScaffold mantém a lista de páginas de cada aba independente enquanto preserva atualizações declarativas.

Próximo: Tratamento de voltar Voltar às sobreposições

Listas de páginas locais por aba

Gerencie Map<TabId, List<PageEntry>> para um estado de navegação por aba previsível.

Sobreposições por tela

Utilize TabPageKey = (TabId, pageKey) para delimitar o estado de overlay de cada tela da aba.

Ordem consistente de voltar

Sobreposição -> pop da stack da aba -> primeira aba -> onBackAtRoot.

Padrão de scaffold das abas

Prepare páginas raiz por aba e encaminhe todos os eventos das abas por meio de atualizações de estado.

Mapa de sobreposições das abas

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

Restrição

Para cada aba, pagesByTab[tab] não pode ficar vazio porque a página raiz é necessária para um comportamento de navegação estável.

Resolver

Sobreposições