Flutter ListView with nested TabBarView

Question

I'm trying to layout my flutter application so that it looks like:

-ListView
  -WidgetA
  -DefaultTabBarController
    -Column
      -TabBar
      -Expanded
        -TabBarView
          -WidgetB
          -WidgetC

So that the whole screen is scollable and that the contents of Widgets A, B, and C can change and the height of the screen is not fixed.

The only way I have been able to get this to work is by doing something like:

-ListView
  -WidgetA
  -Container (with fixed height)
    -Column
      -Expanded
        -DefaultTabBarController
          -Column
            -TabBar
            -Expanded
              -TabBarView
                -WidgetB
                -WidgetC

But I don't want to have a hardcoded height. Does anyone know how I can achieve this?

LarssonK · Accepted Answer · 2018-08-10 09:35:39Z

1

I've run into the same problem, I think I'm on the right track using Flexible class instead of Column. https://docs.flutter.io/flutter/widgets/Flexible-class.html I'm also using Slivers https://docs.flutter.io/flutter/widgets/SliverList-class.html with CustomScrollView instead of ListView https://docs.flutter.io/flutter/widgets/CustomScrollView-class.html

edited Aug 10, 2018 at 9:35

answered Aug 10, 2018 at 8:51

LarssonK

3,07326 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Joel Hernandez Over a year ago

so? Any solution?

LarssonK Over a year ago

@JoelHernandez unfortunately not, I abandoned this layout and opted to just take my users to a new view so I didn't have to worry about setting container heights.

Collectives™ on Stack Overflow

Flutter ListView with nested TabBarView

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related