દરેક ટૅબ માટે સ્વતંત્ર સ્ટૅક્સ

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

આગળ: પાછા સંચાલન ઓવરલેઝ પર પાછા જાઓ

ટૅબ-સ્થાનિક પેજ સૂચિઓ

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

દરેક સ્ક્રીન માટે overlays

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

સુસંગત પાછા ક્રમ

ઓવરલે -> ટૅબ સ્ટૅક 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] ખાલી ન રહેવું જોઈએ કારણ કે સ્થિર navigation વર્તન માટે root page જરૂરી છે.

પાછળ

ઓવરલેઝ

આગળ

પાછા સંચાલન