时间戳

首页 > 解决方案 > 是否可以编写一个函数来组成任意数量的 SwiftUI `ViewModifier's？

swift - 是否可以编写一个函数来组成任意数量的 SwiftUI `ViewModifier's？

问题描述

考虑以下ViewModifier将填充应用于特定的View

enum Padding {
    case small
    case medium
    case large
}

private struct PaddingModifier: ViewModifier {
    var edgeSet: Edge.Set = .all
    var size: Padding

    func body(content: Content) -> some View {
        return content.padding(edgeSet, getSize())
    }

    func getSize() -> CGFloat {
        switch size {
        case .small:
            return 2
        case .medium:
            return 8
        case .large:
            return 16
        }
    }
}

为了使ViewModifier更具可读性，通常我会添加一个扩展函数View

extension View {
    func padding(_ size: Padding, _ set: Edge.Set = .all) -> some View {
        return modifier(PaddingModifier(edgeSet: set, size: size))
    }
}

但是，假设我想将此修饰符应用于任意Edge.Set值列表。如何编写具有(Padding, [Edge.Set]) -> some View适用PaddingModifier于每个签名的函数Edge.Set？

我的第一个想法是如下所示，但Self不能符合some View

extension View {
    func padding(_ size: Padding, _ set: Edge.Set = .all) -> some View {
        return modifier(PaddingModifier(edgeSet: set, size: size))
    }

    func padding(_ size: Padding, _ set: [Edge.Set]) -> some View {
        set.reduce(self) { $0.padding(size, $1) }
    }
}

标签： swiftswiftuicomposition

解决方案

是Edge.Seta OptionSet，所以使用 first 修饰符已经可以编码（类似于 built-in .padding([.leading, .trailing], 20)）

Text("Demo")
   .padding(.small, [.leading, .trailing])

看起来想padding(_ size: Padding, _ set: [Edge.Set])多了。

推荐阅读