สแตกอิสระต่อแท็บ

DeclarativeTabsScaffold keeps each tab's page list independent while preserving declarative updates.

ถัดไป: การจัดการย้อนกลับ กลับไปที่โอเวอร์เลย์

รายการหน้าภายในแท็บ

Manage Map<TabId, List<PageEntry>> for predictable tab navigation state.

โอเวอร์เลย์แยกตามหน้าจอ

Use TabPageKey = (TabId, pageKey) to scope overlay state for each tab screen.

ลำดับย้อนกลับที่สอดคล้องกัน

โอเวอร์เลย์ -> pop สแตกของแท็บ -> แท็บแรก -> onBackAtRoot.

รูปแบบ Scaffold ของแท็บ

เตรียมหน้ารากสำหรับแต่ละแท็บ และส่งเหตุการณ์ของแท็บทั้งหมดผ่านการอัปเดตสถานะ

แผนผังโอเวอร์เลย์ของแท็บ

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]` ต้องไม่ว่าง เพราะหน้ารากจำเป็นต่อพฤติกรรมการนำทางที่เสถียร

Resolver

โอเวอร์เลย์