প্রতি ট্যাবে স্বাধীন স্ট্যাক

DeclarativeTabsScaffold প্রতিটি ট্যাবের পেজ তালিকাকে স্বাধীন রাখে, পাশাপাশি ঘোষণামূলক আপডেট বজায় রাখে।

ট্যাব-স্থানীয় পেজ তালিকা

পূর্বানুমেয় ট্যাব নেভিগেশন state-এর জন্য Map<TabId, List<PageEntry>> পরিচালনা করুন।

প্রতি-স্ক্রিন ওভারলে

প্রতিটি ট্যাব স্ক্রিনের জন্য ওভারলে state সীমাবদ্ধ করতে TabPageKey = (TabId, pageKey) ব্যবহার করুন।

ধারাবাহিক ব্যাক ক্রম

ওভারলে -> ট্যাব স্ট্যাক pop করুন -> প্রথম ট্যাব -> onBackAtRoot।

ট্যাব স্ক্যাফোল্ড প্যাটার্ন

প্রতিটি ট্যাবের জন্য রুট পেজ প্রস্তুত করুন এবং সব ট্যাব ইভেন্টকে 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] খালি থাকতে পারবে না কারণ স্থিতিশীল নেভিগেশন আচরণের জন্য রুট পেজটি প্রয়োজন।

পূর্ববর্তী

ওভারলে