Независимые стеки для каждой вкладки

DeclarativeTabsScaffold хранит список страниц каждой вкладки независимо, сохраняя при этом декларативные обновления.

Далее: Обработка возврата Назад к оверлеям

Локальные списки страниц вкладки

Управляйте Map<TabId, List<PageEntry>> для предсказуемого состояния навигации по вкладкам.

Оверлеи на уровне экрана

Используйте TabPageKey = (TabId, pageKey), чтобы ограничить состояние оверлея для каждого экрана вкладки.

Последовательный порядок возврата

Оверлей -> pop стека вкладки -> первая вкладка -> onBackAtRoot.

Паттерн каркаса вкладок

Подготовьте корневые страницы для каждой вкладки и направляйте все события вкладок через обновления состояния.

Карта оверлеев вкладок

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

Ограничение

Для каждой вкладки, pagesByTab[tab] должен оставаться непустым потому что корневая страница нужна для стабильного поведения навигации.

Оверлеи

Обработка возврата