SwiftUI 自定义图像修改器

Question

我正在尝试创建一个使用resizable() 函数的自定义图像修饰符，因此我的content 应该是Image。至少，我是这么认为的。

错误信息：类型“IconModifier”不符合协议“ViewModifier”

struct IconModifier: ViewModifier {
    func body(content: Image) -> some View {
        content
            .resizable()
            .aspectRatio(contentMode: .fit)
            .frame(width: 10, height: 10, alignment: .center)
    }
}

Answer 1

解决方案

您可以改为扩展 Image。

这样使用：

struct ContentView: View {

    var body: some View {
        VStack {
            Text("Hello World!")
            
            Image("someName")
                .imageIconModifier()
        }
    }
}

Image分机：

extension Image {
    
    func imageIconModifier() -> some View {
        self
            .resizable()
            .aspectRatio(contentMode: .fit)
            .frame(width: 10, height: 10, alignment: .center)
    }
}

---

为什么您的解决方案不起作用

你首先得到了错误：

类型“IconModifier”不符合协议“ViewModifier”

这意味着您的IconModifier 不满足ViewModifier 协议的要求，如果我们看到定义：

func body(content: Self.Content) -> Self.Body

而你有：

func body(content: Image) -> Self.Body

这是行不通的。所以接下来 - 我们将其更改为 Content 而不是 Image：

“IconModifier.Content”类型的值（又名“_ViewModifier_Content”）没有成员“可调整大小”

这基本上是说任何View 都没有.resizable() 修饰符。 .resizable() 修饰符仅在 extension Image 内部定义，因此没有其他 View 具有此修饰符。

这就是核心问题——无法通过ViewModifier 中的content 参数访问原始的View（我们想要的Image）。

这就是我刚刚为Image 扩展的原因。

希望这个解释有帮助！