PageView (Flutter Widget of the Week)

Google for Developers · 427K views · 2018 · 1:03

Open on YouTube

Software (other)UX & UI designexplainer

Why Stack Overflow recommends it

Stack Overflow users link it when answering Flutter questions about swipeable pages, vertical slide-up screens, and syncing page swipes with navigation controls.

Recommended by 4 people across 4 different months, 2018 to 2020.

What it is

A one-minute episode from Google's Flutter 'Widget of the Week' series introducing PageView and PageController. It shows how to build a set of screens that users can swipe through horizontally or vertically.

What people said

Recommends ThinkDigital · 2019-05 · Stack Overflow · on “Tap is perceived as vertical drag when having hardcoded swipe gesture”

It sounds like you might be interested in replacing your setup with a PageView widget. It uses a PageController to manage the swipe gestures. Check out the video on it Widget of the Week - PageView [this video]

Recommends Benjamin · 2019-12 · Stack Overflow · on “How can I create a page that can be slided from the bottom of the screen in Flutter?”

I would recommend the PageView widget, you can see more here [this video] and view the documentation [LINK] . Using the scrollDirection property, you can set it to vertical so that you can swipe up to reveal a new page and you can swipe down to go back.

Recommends Vofch · 2020-02 · Stack Overflow · on “HOW I CAN MAKE TAB SCREE LIKE THAT IN FLUTTER”

You need to use PageView() to show more than one page at the same place. you need to pass to de PageView() the controller (which is a widget of PageController ) so you can call the pageController.animateToPage() so you can animate and switch between pages... you can find how to use the PageView here [this video] , they explain really well! hope that helped!

Recommends Haidar · 2020-05 · Stack Overflow · on “Cannot make bottom navigation bar and routing work together in flutter”

so you need to swipe pages when user click on icon in the bottom bar?If yes have a look at `PageView` [this video]

Cites Ferdi · 2018-12 · Stack Overflow · on “Is there a way to disable PageView clipping effect?”

You're question seems a bit unclear indeed. I assume what you want is to see all our PageView in a single screen. Well in not why PageView was created for. Here a brief description of PageView : [this video] And here's the official doc for PageView [LINK] Also if you still want the effect I would suggest you to encapsulate your four PageView (actually change to Container ) into a row with a global gestureDetector . Hope it's help !!