How to scroll to the bottom of the ScrollView by clicking a button, SwiftUI iOS 13

Question

I know this has been solved in iOS 14 but my current project is in iOS 13 and we have to release it fast. I tried multiple approach from stack but no luck. I just want to click a button and scroll to the bottom of the ScrollView, thats it. I was surprised there is not built in function in SwiftUI for this !!!

struct ContentView: View {
var items = [Color.red, Color.orange, Color.yellow, Color.green,Color.blue, Color.purple, Color.red, Color.orange, Color.yellow, Color.green,Color.blue, Color.purple]

var body: some View {
    ZStack {
        ScrollView(Axis.Set.vertical, showsIndicators: false) {
            VStack {
                ForEach(self.items, id: \.self) { item in
                    // 3.
                    Circle()
                        .fill(item)
                        .frame(width: 100, height: 100)
                }
            }
        }
        
        VStack {
            Spacer()
            HStack {
                Spacer()
                Button(action: {
                    // scroll to bottom
                }) {
                    Text("Button")
                }
            }
            .padding(.trailing, 20)
            .padding(.bottom, 20)
            
        }
        
    }
    
}
}

If anybody could help

Consider approach in stackoverflow.com/a/60855853/12299030, ListScrollingProxy works for ScrollView as well. Or this topic for custom scroll view stackoverflow.com/a/58708206/12299030 — Asperi
– Asperi, Commented Aug 19, 2020 at 18:29
I already tried one of your solution, I will try another. Thank you — M A Russel
– M A Russel, Commented Aug 19, 2020 at 18:44

alia92ziada · Accepted Answer · 2021-03-15 14:57:30Z

2

After a few hours search i found this amazing library that does exactly as you want

ScrollView{ proxy in
            Button("click"){
                proxy.scrollTo(200)
            }.foregroundColor(.red)
            ForEach(0..<1000){ index in
                Text("\(index)")
                    .scrollId(index)
            }
        }

answered Mar 15, 2021 at 14:57

alia92ziada

616 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to scroll to the bottom of the ScrollView by clicking a button, SwiftUI iOS 13

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related