Creating a dashed border in SwiftUI
SwiftUI permits you to create sophisticated strokes around the border of a View. The strokes can be customized as much as we want, changing the color, thickness, and the style it's drawn in – either continuous or dashed.
Using this functionality, in this recipe, we'll see how to build a dashed border for an Instagram avatar-like image.
Let's implement a new SwiftUI project called
DashedBorderShapeApp. The recipe requires an image as the base for the avatar – feel free to add your own image or use the one you can find in the GitHub repository in the
Resources folder (https://github.com/PacktPublishing/SwiftUI-Cookbook/blob/master/Resources/Chapter06/recipe2/mountainbike.jpg), courtesy of the Pixabay user David Mark (https://pixabay.com/users/tpsdave-12019). Add the image in the
Assets catalog, calling it
How to do it...
In this recipe, we'll see how adding a dashed border...