cornerRadius 在 SwiftUI 中为什么不起作用?

huangapple go评论84阅读模式
英文:

Why doesn't cornerRadius work by SwiftUI?

问题

我指定了clipShape,并且仅使用SwiftUI的cornerRadius(20)来处理图像。它确实裁剪了图像,但不正确。为什么?

Image("sample_image")
    .resizable()
    .scaledToFit()
    .frame(height: UIScreen.main.bounds.width)
    .clipShape(RoundedRectangle(cornerRadius: 50))

我该如何修复它?

英文:

I designated the clipShape and just cornerRadius(20) for the image by SwiftUI.
It did clip the image. But it did not correctly. Why?

  Image("sample_image")
          .resizable()
          .scaledToFit()
          .frame(height: UIScreen.main.bounds.width)
          .clipShape(RoundedRectangle(cornerRadius: 50))

How should I fix it?

答案1

得分: 1

尝试使用.cornerRadius而不是.clipShape

AsyncImage(url: URL(string: imageUrl)) { image in
    image
        .resizable()
        .scaledToFit()
        .frame(height: UIScreen.main.bounds.width)
        .cornerRadius(50)
}

希望这有所帮助 cornerRadius 在 SwiftUI 中为什么不起作用?

英文:

Try using .cornerRadius instead of .clipShape

AsyncImage(url: URL(string:imageUrl)) { image in
    image
        .resizable()
        .scaledToFit()
        .frame(height: UIScreen.main.bounds.width)
        .cornerRadius(50)
}

I hope this helps cornerRadius 在 SwiftUI 中为什么不起作用?

huangapple
  • 本文由 发表于 2023年3月3日 21:53:58
  • 转载请务必保留本文链接:https://go.coder-hub.com/75627954.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定