How do I change scrollview's scroll direction in SwiftUI?

Question

I was trying to implement vertical scroll with image and text but I am not able to achieve it.

I tried on both Xcode beta 1 & 2.

Possible duplicate of SwiftUI ScrollView only scroll in one direction — Matteo Pacini
– Matteo Pacini, Commented Jun 28, 2019 at 7:02

Bogdan Farca · Accepted Answer · 2019-06-28 13:13:10Z

1

Try to wrap both the Text and the Image in a VStack and be sure that there is enough content inside the ScrollView to fall outside it's bounds (in the right direction - vertically in your case):

ScrollView {
    VStack {
        ForEach (1...100) {_ in
            Image(systemName: "circle.fill")
            Text("my text")
        }
    }
}

You could easily try it out in a Playground like this :

import SwiftUI
import PlaygroundSupport

struct LiveView : View {
    var body: some View {
        ScrollView {
            VStack {
                ForEach (1...100) {_ in
                    Image(systemName: "circle.fill")
                    Text("Some text")
                }
            }
        }
    }
}

PlaygroundPage.current.liveView = UIHostingController(rootView: LiveView())

edited Jun 28, 2019 at 13:13

answered Jun 28, 2019 at 7:52

Bogdan Farca

4,17629 silver badges39 bronze badges

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

Collectives™ on Stack Overflow

How do I change scrollview's scroll direction in SwiftUI?

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