Обрезанный не фактически обрезает изображение в SwiftUI - PullRequest
Новая
       138

Обрезанный не фактически обрезает изображение в SwiftUI

1 голос
/ 07 августа 2020

Я пытаюсь обрезать изображение, и, как мы видим, пользовательский интерфейс выглядит нормально, но на самом деле он не обрезает изображение, что приводит к тому, что другие элементы пользовательского интерфейса не отвечают.

введите описание изображения здесь

Вот код, который я использую. 

struct ImageContentView: View {
    var urls:[String] = [
        "https://lh3.googleusercontent.com/proxy/80im-IBfLODpLDj8d02uEpSVIhqdjen6H6CeFwgRBxeua-Dgw0R3WONFj1Gk8CwB_MufmC9rQ8qHjyWMejwFcJ1PA2s8AAu5WVsmJA=s0-d",
        "https://wallpaperaccess.com/full/530919.jpg"
    ] 
    var body: some View {
        ScrollView{
            VStack{
                Button(action: {
                    
                }, label: {
                    Text("Hello")
                })
                VStack(spacing: 20.0) {
                    ForEach(self.urls, id:\.self) { url in
                        WebImage(url: URL.init(string: url)!)
                            .resizable()
                            .aspectRatio(contentMode: ContentMode.fill)
                            .frame(height: UIScreen.main.bounds.size.width * 0.5) 
                            .clipped()
                            .cornerRadius(10.0)
                            .shadow(color: Color.red, radius: 10.0, x: 0, y: 0)
                    }
                }.padding()
            }
        }
    }
}

1 Ответ

0 голосов
/ 07 августа 2020

Вот фиксированная часть (протестировано с Xcode 12 / iOS 14) 

VStack(spacing: 20.0) {
    ForEach(self.urls, id:\.self) { url in
        WebImage(url: URL.init(string: url)!)
            .resizable()
            .aspectRatio(contentMode: ContentMode.fill)
            .frame(height: UIScreen.main.bounds.size.width * 0.5)
            .clipped()
            .cornerRadius(10.0)
            .shadow(color: Color.red, radius: 10.0, x: 0, y: 0)
    }.contentShape(Rectangle())   // << here !!
}.padding()

Примечание: я не знаю, какой у вас WebImage, но с Image и локальным изображения также были воспроизведены, поэтому исправление было протестировано.

...