How to place scrollable header content above a Table in SwiftUI?

Hi everyone,

I’m trying to reproduce the layout Apple Music uses for playlists, where there is header content above the table (artwork, title, buttons), and when you scroll, everything scrolls together—the header and table rows move as a single scrollable region.

Here’s an example of what I’m trying to achieve:

I’m using SwiftUI’s Table view and I haven’t found a clean way to place custom content above the table while keeping everything inside the same scroll view.

Is there currently a recommended way to achieve Apple Music–style scrollable header + table content using SwiftUI?

Thanks!

It seems to be a UICollectionViewCompositionalLayout. With list configuration for items and section for image and info.

How to place scrollable header content above a Table in SwiftUI?
 
 
Q