我在 SwiftUI 的文本字段上使用拐角半径和边框时遇到问题

问题描述

我在 swiftUI 中有一个文本字段，为了使其更具吸引力，我想添加一个边框并带有圆角。但它似乎并没有像它应该的那样工作（见图）。我错过了什么？

我尝试将 .cornerradius() 放在 .border() 之前，但效果相同。

TextField("Text input goes here",text: $addMins)
    .padding(.all,5.0)
    .background(View)
    .frame(width: 300.0,height: 35.0)
    .border(Color.green,width: 2)
    .cornerRadius(14)

解决方法

这里有一个简单的方法：

---

---

struct ContentView: View {
    
    @State private var stringOfTextField: String = String()

    var body: some View {
        
        TextField("Enter text . . .",text: $stringOfTextField)
            .padding()
            .overlay(RoundedRectangle(cornerRadius: 10.0).strokeBorder(Color.black,style: StrokeStyle(lineWidth: 1.0)))
            .padding()

    }
}

,

所以你想要这样的东西？

TextField("Text Field",text: $text)
    .padding(4)
    .overlay(
        RoundedRectangle(cornerRadius: 14)
            .stroke(Color.green,lineWidth: 2)
    )
    .padding()