Tumpukan Independen per Tab

DeclarativeTabsScaffold menjaga daftar halaman tiap tab tetap independen sambil mempertahankan pembaruan deklaratif.

Selanjutnya: Penanganan Kembali Kembali ke Overlay

Daftar halaman khusus tab

Kelola Map<TabId, List<PageEntry>> agar status navigasi tab dapat diprediksi.

Overlay per layar

Gunakan TabPageKey = (TabId, pageKey) untuk membatasi status overlay pada setiap layar tab.

Urutan kembali yang konsisten

Overlay -> pop tumpukan tab -> tab pertama -> onBackAtRoot.

Pola Scaffold Tab

Siapkan halaman root untuk setiap tab dan arahkan semua event tab melalui pembaruan state.

Peta Overlay Tab

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

Batasan

Untuk setiap tab, pagesByTab[tab] harus tetap tidak kosong karena halaman root diperlukan untuk perilaku navigasi yang stabil.

Sebelumnya

Overlay

Berikutnya

Penanganan Kembali