如何在 Flutter 中实现 GooglePlay TabBar？

Posted 2023-02-23

【中文标题】如何在 Flutter 中实现 GooglePlay TabBar？

【英文标题】：How to implement GooglePlay TabBar in flutter?

【发布时间】：2020-06-14 15:26:18

【问题描述】：

在大家开始发布一些初学者 UI 教程视频的链接之前，请知道这是一个已知问题，我正在寻找解决方法。如果您不知道，请不要试图回答。

这是此错误的链接。 https://github.com/flutter/flutter/issues/17518

我尝试使用带有 sliverappbar 的 NestedScrollView 来实现滚动动画时隐藏 AppBar 动画，但是向上滚动时它并没有我预期的那么流畅。您可以在 android 手机上试用 GooglePlay 中的行为。

有人对此有任何解决方案或解决方法吗？

如果您查看 Material.IO 中的动画，AppBar 会在滚动时折叠并平滑显示 https://storage.googleapis.com/spec-host-backup/mio-components%2Fassets%2F1cx_CQC_pYOeAxmJAoEIjGnZNAWQzz-O1%2Ftabs-scrolling-1.mp4

【问题讨论】：

使用 SliverAppBar youtube.com/watch?v=R9C5KMJKluE

@MuhammadFarhan 在尝试回答之前阅读了标题，问题与原生开发无关

【参考方案1】：

我认为你应该看看 *** Flutter TabBar and SliverAppBar that hides when you scroll down 上已经提出的问题

【讨论】：

这是一个已知的错误。我正在寻找解决方法。如果你是 Flutter 新手，你不会知道我在说什么。

我知道你在说什么，但现在我也没有任何解决方法。