Незалежныя стэкі для кожнай ўкладкі.

DeclarativeTabsScaffold забяспечвае незалежнасць спісу старонак для кожнай ўкладкі, захаваючы пры гэтым магчымасць дэкларатыўнага абнаўлення.

Далей: Апрацоўка задняй часткі. Вверх, да накладанняў.

Спісы старонак, звязаных з кожнай ўкладкай.

Кіруйце змяненнем структуры дадзеных Map<TabId, List<PageEntry>>, каб забяспечыць прагназуемае выкарыстанне ўкладкамі і навігацыю паміж старонкамі.

Накладанні на кожны экран.

Выкарыстоўвайце параметр TabPageKey = (TabId, pageKey), каб задаць аб'ём ключа для кожнага экрана ўкладкі і, такім чынам, кантраляваць стан накладання.

Пастаянныя заяўкі на пастаўку тавараў, якія не маюцца ў наяўнасці.

Накладны элемент -> спіс ўсплываючых панэляў -> першая панэль -> падзея "націснута назад" у каранёвай частцы.

Шаблон "Tabs 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` для кожнай ўкладкі павінен заставацца незапоўненым. паколькі галоўная старонка неабходная для стабільнай працы навігацыі.

Папярэдняе.

Накладкі.

Далей.

Апрацоўка зваротаў.