SwiftUI horizontal ScrollView has invisible padding

Question

Nested horizontal ScrollView has invisible padding from the top. I've tried to add ".padding(.top, 0)" for the ScrollView and for the content, but it doesn't work. Is it a bug or it is possible to remove this padding?

VStack(alignment: .leading) {
      Text("Text one")
      Text("Text two")
      ScrollView(.horisontal, showsIndicators: false) {
      Text("Text with strange top padding")
    }
}.padding(.horizontal)

Asperi · Accepted Answer · 2020-02-12 09:04:59Z

4

I don't know what is ScrollingView but with standard ScrollView provided example works well (tested with Xcode 11.2 / iOS 13.2)

Here is a demo with added border around scroll view for better visibility

struct TestHorizontalScrollView: View {
    var body: some View {
        VStack(alignment: .leading, spacing: 0) {
              Text("Text one")
              Text("Text two")
              ScrollView(.horizontal) {
                Text("Text with strange top padding")
            }.border(Color.red)
        }.padding(.horizontal)
    }
}

enter image description here

edited Feb 12, 2020 at 9:04

answered Feb 12, 2020 at 5:37

Asperi

262k28 gold badges594 silver badges889 bronze badges

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

3 Comments

yoprst Over a year ago

Sorry, that was a typo. Do you see the gap between the "Text two" and the text inside the ScrollView? This is what I talked about.

Asperi Over a year ago

@yoprst, ah that one.. then you need just specify explicit spacing in VStack, because if none then system selects default between each pair of sibling views (and no padding hardcoding as you accepted).

RainCast Over a year ago

True, vertical view has weird padding as well. How did you solved it in the end?

Collectives™ on Stack Overflow

SwiftUI horizontal ScrollView has invisible padding

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related