Skip to content

实现 SwiftUI 下两种常见的带头部嵌套滚动效果的页面框架

Notifications You must be signed in to change notification settings

sapphirezzz/ScrollWithHeader-SwiftUI-Demo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

e3091b9 · Sep 18, 2024

History

2 Commits
Sep 18, 2024
Sep 18, 2024
Sep 18, 2024

Repository files navigation

实现 SwiftUI 下,常见的带头部嵌套滚动效果的页面框架。

目前实现了两种方案,各有特点。

方案一

  • 实现逻辑

监听页面手势,实时改变header的高度,手势停止时,修改header的高度为完全消失或完全出现两种情况。

根据header的高度情况设置页面是否可滚动。

  • 特点
  1. 手势发生停止后header会完全消失或完全出现,即类似自动吸附的效果;
  2. 再进行手势操作,才会操作到页面的滚动;
ScreenRecording_09-18-2024.16-09-10_1.MOV

方案二

  • 实现逻辑

页面滚动时,回调页面框架,页面框架实时改变header的高度。

  • 特点
  1. header的滚动和页面的滚动协同;
  2. header可停留在某个高度
  3. 手势连续不会断开;
ScreenRecording_09-18-2024.16-10-31_1.MP4

About

实现 SwiftUI 下两种常见的带头部嵌套滚动效果的页面框架

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published