UPGRADE YOUR SKILLS: Learn advanced Swift and SwiftUI on Hacking with Swift+! >>

ScrollView content alignment when set to both axis

Forums > SwiftUI

I'm having trouble sorting this out:

  • The ScrollView when set to use both axis always shows the content centered.
  • This is independent from the size of the content, wheteher it exceeds or not the size of the ScrollView.

I'm looking for a way to have the ScrollVIew showing the top of the content on load, and not the center.

Is there any way to set this in SwiftUI?

struct ContentView: View {

    var greenRectHeight = 1400.0
    var blueRectHeight = 100.0
    var redRectHeight = 20.0

    var innerRectWidth = 200.0
    var outerRectWidth = 300.0

    var body: some View {
        NavigationStack {
            ScrollView([.horizontal, .vertical]) {
                ZStack {
                        .strokeBorder(lineWidth: 1)
                        .frame(width: outerRectWidth)
                        .frame(height: greenRectHeight)

                    VStack(spacing: 0) {
                            .strokeBorder(lineWidth: 1)
                            .frame(width: innerRectWidth)
                            .frame(height: blueRectHeight)

                            .strokeBorder(lineWidth: 1)
                            .frame(width: innerRectWidth)
                            .frame(height: redRectHeight)



Hacking with Swift is sponsored by Superwall

SPONSORED Superwall lets you build & test paywalls without shipping updates. Run experiments, offer sales, segment users, update locked features and more at the click of button. Best part? It's FREE for up to 250 conversions / mo and the Superwall team builds out 100% custom paywalls – free of charge.

Learn More

Sponsor Hacking with Swift and reach the world's largest Swift community!

Archived topic

This topic has been closed due to inactivity, so you can't reply. Please create a new topic if you need to.

All interactions here are governed by our code of conduct.

Unknown user

You are not logged in

Log in or create account

Link copied to your pasteboard.