Flutter - 可滚动视图内的 TabView

问题描述

我知道以前有人问过这个问题,但我似乎无法用我找到的答案实现我想要的。

我想要做的是在其他小部件下方的某种可滚动视图中使用 TabBar 和 TabView。我对哪种类型的可滚动视图没有任何偏好,只要它有效即可。

我有两个可行的解决方案,但都令我不满意。第一个我能够通过实验自己遇到。我使用了一个 ListView,里面是其他小部件,然后是 TabBar。我使用 TabBar一个控制器来驱动 AnimatedSwitcher,它提供了切换标签的外观,但是如果滚动页面,我会得到一个生涩的效果,因为标签的大小不同。你可以在这里看到效果

TabBar and AnimatedSwitcher

我也尝试使用 nestedScrollView 来尝试实现这一目标,但是我最终在底部获得了比我想要的更多的空间,而且我无法找到如何删除未使用的空间空白。此处显示效果

NestedScrollView

我改编了 this question herenestedScrollView 解决方案。我还查看了该问题中引用的所有问题,试图找到一些解决方案,但到目前为止没有运气。

每个解决方案的代码都可以在 this gist 中找到。

我正在寻找一种方法,可以让两者都在屏幕上完全滚动,而在较高的选项卡底部没有任何不必要的空白。我知道较短的标签下方可能会有空格,但没关系。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)