Stroke and fill a Shape in SwiftUI
Reading time: 1 min
For whatever reason, stroking (i.e drawing a border) and filling a SwiftUI Shape at the same time is difficult and unintuitive. Shape has methods for both, stroke and fill, respectively, but they both return some View, meaning you can't chain them.
Say you want to do the following:
T...
Custom Slider in SwiftUI
Reading time: 5 min
This recipe shows how to implement a custom Slider in SwiftUI. The default Slider view isn't particularly customisable, so any stepping outside the norm requires custom code.
Here's what the end result will look like:
- On the top you have the default
Slider. - In the middle there's our cust...
Getting size of a View in SwiftUI
Reading time: 1 min
This quick recipe shows how to get size of a SwiftUI View at runtime. This is useful when your layout depends on a particular view's dimensions.
So the trick is to embed a GeometryReader in the view's background or overlay. The resulting GeometryProxy's size will the that of the view its...
Shake Gesture in SwiftUI
Reading time: 1 min
This recipe shows how to implement shake gesture detection in SwiftUI. The result looks like this (you'll have to image the phone being shaken :)):
This component is available as a Swift Package in this repo.
The recipe is as follows:
- Override
UIWindow'smotionEndedformotion...
Styling SwiftUI Form
Reading time: 3 min
This recipe shows how to style a SwiftUI Form. Forms are a great way to quickly compose a UI for collecting data, such as an enrolment form or a settings panel, but fully styling them can be a bit a tricky.
The end result will look like this:
Starting position
OK, let's start with a an exe...