UI Study Series | Menu | Uber Eats
Why Stack Overflow recommends it
Stack Overflow users link it as a visual target when asking how to build scroll-synced category tabs, mostly in Flutter.
Recommended by 0 people across 0 different months, 2020 to 2020.
What it is
A 44-second screen recording from a UI study series showing the Uber Eats iOS menu screen. A hero image with a hovering info card collapses into a fixed navigation bar of horizontal category buttons that highlight as you scroll through menu sections, plus a bottom sheet for changing the menu.
What people said
Cites Rohan Patil · 2020-03 · Stack Overflow · on “[FLUTTER]Scroll changes tabs”
I want to build this UI where the tabs changes on certain scroll-point.Please tell how should I approach,is there any package already available? UI LINK: [this video]
Cites James Piner · 2020-05 · Stack Overflow · on “Scroll Controller synchronized with Tabs in flutter”
I have a scrollcontroller which manages the scroll functionality of my gridview, but above the gridview I have a tabbar, which, when each tab is pressed, scrolls the page to different positions in the gridview. As shown in the code below. But when I scroll through the gridview itself, the tabs don't change their selection. I need to know how to achieve this, similar to this: [this video] Future<void> _scrollControllerAnimation(double offset) { return _scrollController.animateTo( offset, duration: Duration(milliseconds: 500), curve: Curves.easeIn, ); } TabBar( controller: _tabController, isScrollable: true, labelColor: Colors.black, unselectedLabelColor: Colors.black.withOpacity(0.3), onTap: (int)
Cites BIS Tech · 2020-08 · Stack Overflow · on “Flutter: Scrolling to a widget in ListView”
I have main ListView(vertical) and category ListView(horizonal). same like this [this video] I am trying to implement this kind of two listView.