Question

I want to draw a shape where the bottom side of the border is removed, so we can see the background.

struct SwiftUIView: View {
    var body: some View {
        Text("Hello World!")
            .padding(10.0)
            .border(Color.blue, width: 3.0)
            .cornerRadius(4.0)
    }
}

我不敢做到这一点。我看着粉碎和沙皮,但并不确切地确定最佳办法是什么。

Answer 1

我认为,这样做的最容易的方法是添加“条码”(>中继<>>/条码>,与底线一致,而不是使用<条码>。您不妨尝试这一做法:

Text("Hello World!")
    .padding(10.0)
    .border(Color.blue, width: 3.0)
    .cornerRadius(4.0)
    .overlay(alignment: .bottom) { //<- here
        Rectangle()
            .foregroundColor(.white)
            .frame(height: 3) //<- height should be equal to borderWidth above
    }

友情链接