ios - 在 SwiftUI 的自定义 View 中访问图像的修饰符

Question

目前，我在 SwiftUI 中制作了一个自定义 View ，其中包含一个带有一些细节的图像。我们如何在我的 View 实例之外添加特定的图像修改器？

import Foundation
import SwiftUI
import Combine

struct RemoteImage: View {

    // Hold reference to our remote resource through binding
    @ObjectBinding
    private var resource: RemoteResource

    // Initialize the Image with a string
    init(urlString: String) {

        // Create our resource and request our data
        // Will fetch the resource from the internet
        self.resource = RemoteResource(urlString)
    }

    // Computed var that will return a placeholder image our our actual resource
    private var image: UIImage {
        self.resource.data.flatMap(UIImage.init) ?? UIImage(named: "placeholder")!
    }

    var body: some View {
        Image(uiImage: image)
    }
}

我如何将修饰符从 RemoteImage 实例添加到 Image

RemoteImage(urlString: "image-url-here")
    .resizable()
    .scaledToFit()

如果有人知道我的问题的解决方案，请告诉我。

Answer 1

如果您这样声明您的 RemoteImage:

import Foundation
import SwiftUI
import Combine

struct RemoteImage: View {

    // Hold reference to our remote resource through binding
    @ObservedObject
    private var resource: RemoteResource

    // Initialize the Image with a string
    init(urlString: String) {

        // Create our resource and request our data
        // Will fetch the resource from the internet
        self.resource = RemoteResource(urlString)
    }

    // Computed var that will return a placeholder image our our actual resource
    private var image: UIImage {
        self.resource.data.flatMap(UIImage.init) ?? UIImage(named: "placeholder")!
    }

    var body: Image {
        Image(uiImage: image)
    }
}

然后你可以像这样调用所有图像特定的修饰符:

RemoteImage(urlString: "image-url-here").body
    .resizable()
    .scaledToFit()

不理想，但至少您不必手动重新声明每个修饰符。