如何为特定View创建可链式调用的多个自定义ViewModifier

你遇到的问题本质是：给MyView单独扩展的modifier方法只能作用于MyView类型，一旦调用任意modifier，视图会被包装成ModifiedContent<MyView, XXXModifier>，此时类型不再是MyView，自然找不到原来的扩展方法。下面给你两种实用的解决思路：

方法一：基于专属协议扩展（通用灵活） #

把自定义modifier的调用方法绑定到一个专属协议上，让MyView和它的所有ModifiedContent包装类型都遵守该协议，这样不管视图被包装多少次，都能链式调用专属方法：

// 先定义你的自定义Modifier
struct ModifierOne: ViewModifier {
    func body(content: Content) -> some View {
        content.foregroundColor(.red)
    }
}

struct ModifierTwo: ViewModifier {
    func body(content: Content) -> some View {
        content.padding(20)
    }
}

// 创建专属协议，标记可调用MyView专属modifier的视图
protocol MyViewCompatible: View {}
// 让MyView本身遵守协议
extension MyView: MyViewCompatible {}
// 让所有包裹MyViewCompatible类型的ModifiedContent也遵守协议
extension ModifiedContent: MyViewCompatible where Content: MyViewCompatible {}

// 给专属协议扩展modifier调用方法
extension MyViewCompatible {
    func modifierOne() -> some View {
        self.modifier(ModifierOne())
    }
    
    func modifierTwo() -> some View {
        self.modifier(ModifierTwo())
    }
}

调用示例，全程支持链式调用：

MyView()
    .modifierOne()
    .modifierTwo() // 完全正常工作

方法二：将modifier逻辑嵌入MyView（适合样式变体） #

如果你的modifier主要是样式类变体，可以把配置参数直接放到MyView内部，通过返回MyView实例的方法实现链式调用，全程不会产生ModifiedContent类型：

struct MyView: View {
    // 私有属性存储样式/逻辑配置
    private var textColor: Color = .black
    private var extraPadding: CGFloat = 0
    private var enableTapLogic = false
    
    var body: some View {
        Text("Custom MyView")
            .foregroundColor(textColor)
            .padding(extraPadding)
            .onTapGesture {
                if enableTapLogic {
                    print("额外逻辑触发")
                }
            }
    }
    
    // 样式变体方法：返回修改后的MyView实例
    func redText() -> MyView {
        var copy = self
        copy.textColor = .red
        return copy
    }
    
    func padded(_ value: CGFloat) -> MyView {
        var copy = self
        copy.extraPadding = value
        return copy
    }
    
    // 额外逻辑方法
    func withTapLogic() -> MyView {
        var copy = self
        copy.enableTapLogic = true
        return copy
    }
}

调用示例，全程保持MyView类型：

MyView()
    .redText()
    .padded(16)
    .withTapLogic()

两种方法各有优劣：方法一适合需要独立ViewModifier逻辑的场景，扩展性强；方法二更适合样式集中管理的自定义View，调用更直观。

内容的提问来源于stack exchange，提问作者Luïs