Enable ScrollView over scroll in SwiftUI

Question

I've implemented a vertical scroll view (using List) containing two horizontal scroll views (using ScrollViews). The UI currently looks like this:

Here's the relevant code I've written to produce above UI:

NavigationView {
    List {
        VStack(alignment: .leading) {
            CategoryRow(...)
            CategoryRow(...)
            Spacer()
        }
        .listRowInsets(EdgeInsets())
        .navigationBarTitle(Text("Featured"))
    }
}

Inside each CategoryRow, there's an HStack embedded inside a ScrollView.
When introducing a padding on the left & right edges, I get this result:

As you can see, as a result of the padding, the horizontal scroll views are cut-off.

Question

Is there a way to have the horizontal scroll views over-scroll past their boundaries?
The result I am looking for is that there is padding on the left of the scroll views when the scroll offset is 0 and padding on the right when the scrolling all the way to the right.

In UIKit, I did this by setting the contentOffset of the collection view...

I am not sure it is clear for me what the result do you expect. Do you won't to automatically scroll to some item onAppear? — DenFav
– DenFav, Commented Jun 9, 2019 at 13:07
@jsbeginnerNodeJS If I remove the padding on the right and scroll all the way to the right, the last item will have no padding on the right, but be on the border of the screen directly. — LinusG.
– LinusG., Commented Jun 9, 2019 at 13:11
What about adding padding on the right side in the row itself. — SwiftiSwift
– SwiftiSwift, Commented Jun 9, 2019 at 13:13

LinusG. · Accepted Answer · 2019-06-09 14:12:09Z

9

Add the padding modifier to your HStack inside the RowView

.padding(.horizontal, 20)

edited Jun 9, 2019 at 14:12

LinusG.

29.4k32 gold badges124 silver badges183 bronze badges

answered Jun 9, 2019 at 13:47

DenFav

2,8211 gold badge20 silver badges31 bronze badges

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

Collectives™ on Stack Overflow

Enable ScrollView over scroll in SwiftUI

Question

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Question

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related