What is the difference between `TabBarView` and `PageView` in Flutter?

15
votes

What is the difference between TabBarView and PageView in Flutter?

I want to implement like this. And I know both can do.

enter image description here

From flutter-examples

1
flutterflutter-layout

1 Answers

22
votes

  • TabBarView is the widget used to each page with different functionalty that are split with tab. TabBarView link with TabController. i.e Like WhatsApp have tabs with three different functionality page like Chats, Status, Calls.

  • PageView is link with PageController. You can use for Slider, carousel purpose.

Each page have different UI and functionality use TabBarView. If same ui and functionalty all page data only differ then you can go with PageView

TabBarView for

enter image description here

PageView for

enter image description here