添加幀中斷.clipShape()SwiftUI-有解無憂

因此，我將影像加載到一個名為“RemoteImage”的自定義結構中，該結構接受一個 URL 并將其加載到 SwiftUI Image() 中。出于某種原因，當我在 RemoteImage() 上有 .clipShape() 時，它會將形狀剪輯為一個圓形（雖然它的寬度/高度錯誤，但是當我將 .frame() 設定為所需的寬度/高度時，影像以正確的寬度/高度顯示，但不再是圓形。不知道如何修復：

RemoteImage(url: image)
    .clipShape(Circle())
    .frame(width: 82, height: 82)

struct RemoteImage: View {
    private enum LoadState {
        case loading, success, failure
    }
    
    private class Loader: ObservableObject {
        var data = Data()
        var state = LoadState.loading
        
        init(url: String) {
            guard let parsedURL = URL(string: url) else {
                fatalError("Invalid URL: \(url)")
            }
            
            URLSession.shared.dataTask(with: parsedURL) { data, response, error in
                if let data = data, data.count > 0 {
                    self.data = data
                    self.state = .success
                } else {
                    self.state = .failure
                }
                
                DispatchQueue.main.async {
                    self.objectWillChange.send()
                }
            }.resume()
        }
    }
    
    @StateObject private var loader: Loader
    var loading: Image
    var failure: Image
    
    var body: some View {
        selectImage()
            .resizable()
    }
    
    init(url: String, loading: Image = Image(""), failure: Image = Image(systemName: "multiply.circle")) {
        _loader = StateObject(wrappedValue: Loader(url: url))
        self.loading = loading
        self.failure = failure
    }
    
    private func selectImage() -> Image {
        switch loader.state {
        case .loading:
            return loading
        case .failure:
            return failure
        default:
            if let image = UIImage(data: loader.data) {
                return Image(uiImage: image)
            } else {
                return failure
            }
        }
    }
}

uj5u.com熱心網友回復：

作業正常，Xcode 13.3 / iOS 15.4，但是 clipShape 最好在幀后應用。

讓我假設你只是想要縱橫比

var body: some View {
    selectImage()
        .resizable()
        .aspectRatio(contentMode: .fit)    // << here !!
}

轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/480024.html

標籤：迅速代码迅捷

上一篇：使用@Transactional注釋在Service中回滾事務

下一篇：無法讀取資料，因為它的格式不正確