Swift UI中具有圆角半径的按钮边框

发布于11月19日

我试图为按钮设置圆形边框，但按钮边框不正确.

代码:

Button(action: {
        print("sign up bin tapped")          
}) {
    Text("SIGN UP")
     .frame(minWidth: 0, maxWidth: .infinity)
      .font(.system(size: 18))
      .padding()
      .foregroundColor(.white)
 }
  .border(Color.white, width: 2)
  .cornerRadius(25)

输出:

正如你所见，拐角处的边界被切断了.

有什么建议我做错了什么？

推荐答案

试着这样做:不要为按钮设置拐角半径，而是为内部视图使用覆盖:

编辑:如果你有一个按钮的背景，你还需要将cornerRadius应用于背景.

    Button(action: {
        print("sign up bin tapped")
    }) {
        Text("SIGN UP")
            .frame(minWidth: 0, maxWidth: .infinity)
            .font(.system(size: 18))
            .padding()
            .foregroundColor(.white)
            .overlay(
                RoundedRectangle(cornerRadius: 25)
                    .stroke(Color.white, lineWidth: 2)
        )
    }
    .background(Color.yellow) // If you have this
    .cornerRadius(25)         // You also need the cornerRadius here

对我有用.如果有帮助，请告诉我！