ស្តាក់ឯករាជ្យសម្រាប់ថេបនីមួយៗ

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.

លំដាប់ត្រឡប់ក្រោយស្ថិតស្ថេរ

Overlay -> pop tab stack -> tab ដំបូង -> onBackAtRoot។

លំនាំ Scaffold សម្រាប់ថេប

រៀបចំទំព័រឫសសម្រាប់ថេបនីមួយៗ ហើយបញ្ជូន event របស់ថេបទាំងអស់តាមរយៈការធ្វើបច្ចុប្បន្នភាព state។

ផែនទីអូវើឡេយរបស់ថេប

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] ត្រូវតែមិនទទេ ព្រោះទំព័រឫសត្រូវតែមានសម្រាប់ឥរិយាបថនាវីហ្គេស្យុងដែលស្ថិតស្ថេរ។

មុន

អូវើឡេយ

បន្ទាប់

ការគ្រប់គ្រងការត្រឡប់ក្រោយ