在SwiftUI中,在文本字段上使用cornerradius和borders时遇到问题
我在swiftUI中有一个文本字段,为了使它更吸引人,我想添加一个边框并具有圆角。但它似乎不像预期的那样工作(见图)。我错过了什么 我尝试在.border()之前放置.cornerradius(),但效果相同在SwiftUI中,在文本字段上使用cornerradius和borders时遇到问题,swift,swiftui,border,textfield,cornerradius,Swift,Swiftui,Border,Textfield,Cornerradius,我在swiftUI中有一个文本字段,为了使它更吸引人,我想添加一个边框并具有圆角。但它似乎不像预期的那样工作(见图)。我错过了什么 我尝试在.border()之前放置.cornerradius(),但效果相同 TextField("Text input goes here", text: $addMins) .padding(.all, 5.0) .background(View) .frame(width: 300.0, height: 35.0)
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)
你想要这样的东西
TextField("Text Field", text: $text)
.padding(4)
.overlay(
RoundedRectangle(cornerRadius: 14)
.stroke(Color.green, lineWidth: 2)
)
.padding()
这里有一个简单的方法:
这成功了!谢谢你的反馈,我显然没有朝正确的方向看。
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()
}
}