Member-only story

Snap to Item Scrolling in SwiftUI

Implement Snap to Item scrolling in SwiftUI using this custom ViewModifier technique. This quick tip shows how it can be implemented for horizontal stacks.

Jean-Marc Boullianne

Published in

Level Up Coding

2 min readAug 10, 2020

One of the biggest things I’m missing with SwiftUI is the ability to snap to views as I scroll in a ScrollView. Below is a technique I use to implement snapping on my HStack with a custom ViewModifier.

Before getting started, please consider subscribing using this link, and if you aren’t reading this on TrailingClosure.com, please come check us out sometime!

Overview

Instead of using a ScrollView, this technique uses an HStack with a dynamically changing x-offset to simulate scrolling. To change the offset I use a DragGesture to calculate the scroll distance. You'll see below inside the DragGesture onChanged() closure that I update the dragOffset . This makes the HStack appear to scroll as the user drags across the screen. Finally, when the DragGesture function onEnded() is called, I…

I have been in the programming profession long enough that I still remember when Visual C++ was a "new and great thing". It relied on fragile commented syntax in C++ and resources to move back and forth within the resource editor and source and…

I didn't know that programmers were responsible for the financial crisis around COVID... I always thought this was a virus, and not programmers?

Same for the banking crisis. I thought that was greed of bankers, not programmers.

And lastly, the dotcom…

You mentioned that LLMs threaten to replace Python devs, a connection to Tesla's recent innovations in AI could be drawn here as they demonstrate advancements in integrating AI for operational efficiency, but I would argue that the creative…

Level Up Coding

Snap to Item Scrolling in SwiftUI

Implement Snap to Item scrolling in SwiftUI using this custom ViewModifier technique. This quick tip shows how it can be implemented for horizontal stacks.

Overview

Create an account to read the full story.

Published in Level Up Coding

Written by Jean-Marc Boullianne

Responses (4)