ScrollView positions content outside bounds

Question

I'm trying to allow scrolling in both axes when the content is larger than the screen.

```

var body: some View {

ScrollView([.horizontal, .vertical]) {

Rectangle()

.foregroundColor(Color.red)

.frame(width: 500, height: 500)

}

```

1. The scroll view centers the content instead of beginning at the top-leading.

2. When scrolled to the trailing edge there's some whitespace (similarly the content bleeds past the leading edge.)

How do I fix the above issues?

SwiftUI

1.2k

Posted by

matthewcheok

Reply

Add a Comment

Answer 1

There is always the same trick: embed in a VStack. Why ? Cannot tell.

Try this:

struct ContentView: View {
    var body: some View {
        ScrollView([.horizontal, .vertical]) {
            VStack {
                Rectangle()
                    .frame(width: 300, height: 500)
                    .foregroundColor(Color.red)
            }.frame(width: 400, height: 800, alignment: .topLeading)
        }
    }
}

Posted by

Claude31

Add a Comment

ScrollView positions content outside bounds

Replies