A reusable view where you can include content in a scroll view, with a footer that stays on the bottom of the screen until there is enough content to push it down further.

StickyFooterScrollView.swift

//  Created by Zef Houssney on 12/8/22.
//

import SwiftUI

struct StickyFooterScrollView<Content, Footer>: View where Content: View, Footer: View {
    let mainView: Content
    let footer: Footer

    init(@ViewBuilder mainView: () -> Content, @ViewBuilder footer: () -> Footer) {
        self.mainView = mainView()
        self.footer = footer()
    }

    var body: some View {
        GeometryReader { proxy in
            ScrollView {
                VStack(spacing: 0) {
                    mainView
                    Spacer()
                    footer
                }
                .frame(maxWidth: .infinity, minHeight: proxy.size.height, alignment: .top)
            }
        }
    }
}

struct StickyFooterScrollView_Previews: PreviewProvider {
    static var previews: some View {
        StickyFooterScrollView {
            VStack {
                ForEach(0...20, id: \.self) { index in
                    Text("\(index)")
                }
            }
        } footer: {
            let icons = ["circle.hexagongrid.circle.fill", "shuffle.circle.fill", "mic.circle.fill", "info.circle.fill"]
            HStack(spacing: 28) {
                ForEach(icons, id: \.self) { icon in
                    Image(systemName: icon)
                }
            }
            .font(.title)
        }
    }
}