Ios 在滚动视图中固定页眉，但在页眉上方嵌入元素

您当前的实现使用Section和pinnedViews: [.sectionHeaders]，但内部的ScrollView可能会导致布局出现问题.您需要确保"My Messages"标题被固定，同时允许其他内容在其上方滚动.

Try and place the header ("My Messages") outside the Section so that it becomes a standalone element in the LazyVStack.
Add the content that should appear above the header as separate elements in the LazyVStack, and make sure the header element (i.e., "My Messages" Text view) is always visible and pinned to the top.

这将是:

struct SwiftUIView: View {
    var body: some View {
        ScrollView {
            LazyVStack(pinnedViews: [.sectionHeaders]) {
                // Elements that will scroll above the header
                Color.blue.frame(width: 50, height: 500)
                Color.red.frame(width: 50, height: 500)
                Color.blue.frame(width: 50, height: 500)

                // Pinned header
                Text("My Messages")
                    .frame(maxWidth: .infinity, alignment: .leading)
                    .background(Color.white)
                    .padding()
                    .background(Color.gray.opacity(0.5))
                    .id("Header")

                // More content below the header
                ForEach(0..<20) { _ in
                    Color.green.frame(width: 50, height: 100)
                }
            }
        }
    }
}

The "My Messages" text is now a separate element within the LazyVStack, and should stay pinned at the top of the screen.
The colors (blue and red) above the header should scroll off the screen when you swipe downwards, while the header remains fixed.