Your First iOS & SwiftUI App: Polishing the App

Mar 1 2022 · Swift 5.5, iOS 15, Xcode 13

Part 2: Swift Coding Challenges

22. Challenge: Center the Slider

Episode complete

Play next episode

About this episode

Leave a rating/review

See forum comments
Cinema mode Mark complete Download course materials
Previous episode: 21. Environment Property Wrapper Next episode: 23. Conclusion
Transcript: 22. Challenge: Center the Slider

Bullseye is looking really awesome at this point, except for one thing that’s really bugging me.

The slider isn’t centered!

And I don’t know about you, but that triggers my OCD in a major way, so we’ve gotta fix this.

Here’s one easy way to fix this. It turns out whenever you put a view inside a ZStack, it centers the view within that ZStack.

So, we can simply move the SliderView to the bottom of the ContentView’s ZStack, so it’s on the very top.

And then, we need to add some padding between the InstructionView and the HitMeButton, to make up for the fact that the slider isn’t there anymore. A bottom padding of about 100 will do.

You should know enough about SwiftUI that you can do this on your own. So pause the video and give it a shot. Good luck!

Move SliderView down two with Option+Cmd+].

Add this to the bottom of the InstuctionView:

.padding(.bottom, 100)