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

标签 swift swiftui border textfield cornerradius

我在 swiftUI 中有一个文本字段,为了使其更具吸引力,我想添加一个边框并具有圆角。但它似乎并没有像它应该的那样工作(见图)。我错过了什么?
image 1
我试过将 .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)

最佳答案

这里有一个简单的方法:

enter image description here

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()

    }
}

关于swift - 我在 SwiftUI 的文本字段上使用拐角半径和边框时遇到问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67132408/

相关文章:

ios - 每隔一段时间将内容从 Parse 推送到 iOS 应用程序

ios - Swift/iOS - 是否可以直接从应用程序的控制中心运行 iOS 功能?

macos - SwiftUI:窗口关闭时运行代码 macOS

swiftui - 如何对齐 View 底部尾随,覆盖在 SwiftUI 中剪辑在屏幕边缘的另一个 View 上?

html - 带 Authorize.Net 网站印章的虚线下划线/底部边框

swift - 快速从字符串中获取整数值

ios - 调整 UITabBarItem 角标(Badge)位置?

swiftui - 如何在编辑模式下删除 SwiftUI 列表行中的删除按钮?

html - 单击时从按钮中删除轮廓

Java + Swing : Is there a way to make a "TitledBorder" invisible?