如何为自定义SwiftUI视图实现类似disabled的disableScroll扩展修饰器？

首先要明确：SwiftUI视图是值类型，而@State变量的实际存储是在视图结构体外部的独立容器中。直接在扩展方法里修改self.disableScroll不会生效——你操作的只是结构体的临时副本，无法触发表层状态的更新。

下面给出两种符合SwiftUI修饰器模式的实现方案，根据你的需求选择：

方案一：仅外部配置（视图内部不修改状态） #

如果disableScroll只需要外部通过修饰器设置，视图本身不需要修改这个值，可以把它改成普通属性，通过返回修改后的视图副本来实现：

struct MyHorizontalScroll: View {
    var disableScroll = false // 改为普通配置属性，默认禁用滚动为false
    
    var body: some View {
        HStack {
            Text("Disable Scroll: \(disableScroll)")
                .font(.title)
        }
        // 实际场景中，在这里基于disableScroll控制你的横向滚动逻辑
        .scrollDisabled(disableScroll) // 示例：用系统修饰器控制滚动禁用
    }
}

extension MyHorizontalScroll {
    func disableScroll(_ disable: Bool) -> Self {
        var copy = self
        copy.disableScroll = disable
        return copy
    }
}

方案二：支持内部修改状态 #

如果视图内部需要修改disableScroll（比如通过按钮切换），可以保留@State，但通过自定义初始化方法设置初始值，修饰器返回新的视图实例：

struct MyHorizontalScroll: View {
    @State private var disableScroll = false
    
    // 自定义初始化，接受初始禁用状态
    init(disableScroll: Bool = false) {
        _disableScroll = State(initialValue: disableScroll)
    }
    
    var body: some View {
        HStack {
            Text("Disable Scroll: \(disableScroll)")
                .font(.title)
            Button("Toggle Scroll") {
                disableScroll.toggle() // 视图内部可以修改状态
            }
        }
        .scrollDisabled(disableScroll)
    }
}

extension MyHorizontalScroll {
    func disableScroll(_ disable: Bool) -> Self {
        Self(disableScroll: disable)
    }
}

这两种方案都和系统.disabled()修饰器的设计逻辑一致：通过返回修改了配置的视图实例，实现链式调用的修饰器模式。你之前注释里直接修改_disableScroll的做法虽然可行，但直接操作@State的内部存储容器并不符合SwiftUI的设计规范，推荐使用上面的方案。

内容的提问来源于stack exchange，提问作者the Reverend