将视图作为参数添加到自定义ViewModifier中

Question

这更像是一个句法问题。我试图在不使用ViewModifier的情况下将视图传递给AnyView初始化器。

目前，我有一些使用AnyView运行的视图，但我想使用泛型视图语法，因为您随后将“一些视图”传递给这个答案中概述的视图：

How to pass one SwiftUI View as a variable to another View struct

我似乎无法让它与ViewModifier一起工作。

意图(如示例中所示)是让修饰符将计算值传递到innerView中。我也很乐意使用@ViewBuilder来指定innerView属性，因为这可能会产生同样的效果。

下面是示例修饰符：

struct SampleModifier: ViewModifier {

    let param1: CGFloat
    let innerView:  (CGFloat, CGFloat) -> AnyView
    
    // Assume these are calculated states
    let calculatedParam1: CGFloat = 100
    let calculatedParam2: CGFloat = 100
    
    func body(content: Content) -> some View {
        ZStack {
            HStack {
                Spacer()

                innerView(self.calculatedParam1, self.calculatedParam2)
                    .padding(.leading, 10)
                    .frame(width: param1)
            }
            
            content.frame(width: 100, height: 100)
        }
        
    }
}

及其用途：

struct SampleView: View {
    var body: some View {
        Rectangle()
            .modifier(SampleModifier(param1: 150, innerView: { param1, param2 in
                return AnyView(
                    Text("Inner View: \(param1) - \(param2)")
                )
            }))
    }
}

Answer 1

您可以使用泛型，即使innerView返回某些视图：

struct SampleModifier<V>: ViewModifier where V: View {
    let param1: CGFloat
    let innerView: (CGFloat, CGFloat) -> V

    ...
}

那么你就不再需要AnyView了：

struct SampleView: View {
    var body: some View {
        Rectangle()
            .modifier(SampleModifier(param1: 150, innerView: { param1, param2 in
                Text("Inner View: \(param1) - \(param2)")
            }))
    }
}

或者，您可以创建一个View扩展：

extension View {
    func sampleModifier<V>(
        param1: CGFloat,
        innerView: @escaping (CGFloat, CGFloat) -> V
    ) -> some View where V: View {
        modifier(SampleModifier(param1: param1, innerView: innerView))
    }
}

像这样使用它：

struct SampleView: View {
    var body: some View {
        Rectangle()
            .sampleModifier(param1: 150, innerView: { param1, param2 in
                Text("Inner View: \(param1) - \(param2)")
            })
    }
}