SwiftUI

Question

我正在尝试填充封装的 strokeBorder，但不幸的是它正在填充矩形。见下图：

我有什么想法可以让它只填充到笔划边界吗？我想将该字段用作搜索框，这就是我想在其中使用文本字段的原因。

这是我的代码：

struct ContentView: View {
    
    var body: some View {
        
        HStack{
            TextField("Search", text: .constant(""))
        }
        .padding()
        .frame(maxWidth:300)
        .background(
            Capsule()
                .strokeBorder(Color.black,lineWidth: 0.8)
                .background(Color.blue)
                .clipped()
        )
    }
}

非常感谢！

Answer 1

我想这就是你想要的。

struct ContentView: View {

var body: some View {
    
    HStack{
        TextField("Search", text: .constant(""))
    }
    .padding()
    .frame(maxWidth:300)
    .background(
        Capsule()
            .strokeBorder(Color.black,lineWidth: 0.8)
            .background(Color.blue)
            .clipped()
    )
    .clipShape(Capsule())
    }
}

Xcode preview of HStack with capsule border

SwiftUI - 胶囊填充直到 StrokeBorder

SwiftUI - Capsule fill till StrokeBorder

background

border