Dotted Line Border

Question

Created May ’21

Replies 1

Boosts 0

Views 4.6k

Participants 2

How can I create a rectangle with a dotted line border? I want to create a “ghost-like” button which is secondary and optional to the app’s main functionality. Hopefully there is a SwiftUI option already.

Thank you!

Boost

Answer 1

workingdogintokyo OP

May ’21

try this:

struct ContentView: View {
    var body: some View {
        Rectangle()
            .stroke(style: StrokeStyle(lineWidth: 2, dash: [5]))
            .foregroundColor(.red)
            .frame(width: 111, height: 111)
    }
}

2