请问twitter个人中心页面的效果是如何实现的?

发布于 2022-09-12 23:07:08 字数 451 浏览 16 评论 0

效果视频如下
https://vkceyugu.cdn.bspapp.com/VKCEYUGU-7354b061-c89c-47fd-aefb-7d9a17125b2d/05620dcd-cbe2-46e2-91c9-267de0df776d.mp4

个人中心页面的效果如何实现的能不能给点思路呢,我尝试使用NestedScrollView+SliverAppBar(flexibleSpace个人信息+bottom标签栏)+TabBarView
但是发现SliverAppBar需要设置expandedHeight,而每个人的个人信息因简介不同,页面高度可能又不一样

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

甜警司 2022-09-19 23:07:08

可以考虑监听滚动,通过 getBoundingClientRect 实时获取用户个人封面元素的大小和位置,计算出该封面元素的可视部分高度在页头高度左右的时候,切换页头背景和标题。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文