SwiftUI ScrollView Sticky Header

SwiftUI ScrollView Sticky Header

ContentView.swift

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91

// //  ContentView.swift //  SwiftUIProject // //  Created by Cairocoders //   import SwiftUI   struct ContentView: View {           var body: some View {         ScrollView(.vertical, showsIndicators: false) {             StickyHeader {                 StickyHeader {                     Image("3")                         .resizable()                         .aspectRatio(contentMode: .fill)                 }             }                           HStack(alignment: .center) {                 VStack {                     Text("Taylor")                         .padding()                         .font(.title)                     Text("Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..")                         .padding()                     Image("1")                         .resizable()                         .aspectRatio(contentMode: .fit)                         .padding(.all, 20)                                           Text("Caitelyn")                         .padding()                         .font(.title)                                           Image("2")                         .resizable()                         .aspectRatio(contentMode: .fit)                         .padding(.all, 20)                                   }.padding(10)             }             .frame(maxWidth: .infinity, alignment: .center)             .background(Color.white)             .modifier(CardModifier())             .padding(.all, 10)                       }     } }   struct ContentView_Previews: PreviewProvider {     static var previews: some View {         ContentView()     } }   struct StickyHeader<Content: View>: View {       var minHeight: CGFloat     var content: Content           init(minHeight: CGFloat = 200, @ViewBuilder content: () -> Content) {         self.minHeight = minHeight         self.content = content()     }           var body: some View {         GeometryReader { geo in             if(geo.frame(in: .global).minY <= 0) {                 content                     .frame(width: geo.size.width, height: geo.size.height, alignment: .center)             } else {                 content                     .offset(y: -geo.frame(in: .global).minY)                     .frame(width: geo.size.width, height: geo.size.height + geo.frame(in: .global).minY)             }         }.frame(minHeight: minHeight)     } }   struct CardModifier: ViewModifier {     func body(content: Content) -> some View {         content             .cornerRadius(20)             .shadow(color: Color.black.opacity(0.2), radius: 20, x: 0, y: 0)     }       }