Question

我正在尝试布局Flutter应用程序，使其看起来像这样：

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

因此整个屏幕都是可伸缩的，并且小部件A，B和C的内容可以更改，并且屏幕的高度不固定。

我能够做到这一点的唯一方法是执行以下操作：

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

但是我不想有一个硬编码的高度。有谁知道我怎么能做到这一点？

Answer 1

我遇到了同样的问题，我认为使用Flexible类而不是Column可以解决问题。 https://docs.flutter.io/flutter/widgets/Flexible-class.html我还将Slivers https://docs.flutter.io/flutter/widgets/SliverList-class.html与CustomScrollView一起使用，而不是ListView https://docs.flutter.io/flutter/widgets/CustomScrollView-class.html

Flutter ListView与嵌套TabBarView

1 个答案: