SwiftUI中避免重复修饰符的自定义ScrollView实现方法

一、直接简化现有代码（无需自定义View） #

你之前的三目运算符用法有误，ScrollView的初始化参数不能用这种方式同时返回两组值。正确做法是分别对滚动方向和指示器显示状态使用三目判断，这样就能统一外层的修饰符：

ScrollView(variable ? .horizontal : .vertical, showsIndicators: variable ? false : true) {
    // 这里放共用的内容代码
}
.navigationBarTitleDisplayMode(.inline)
.toolbar {
    // 这里放共用的Toolbar代码
}

说明：原生ScrollView默认是.vertical方向、showsIndicators为true，刚好对应你variable == false的场景；当variable为true时，切换为水平方向并隐藏指示器，完全匹配你的需求。

二、自定义可复用ScrollView（推荐多页面复用场景） #

如果这个滚动视图的配置会在多个页面用到，自定义View是更优的选择。你的代码缺少泛型声明、内容闭包接收以及View协议遵循，正确写法如下：

// 自定义ScrollView，支持传入任意内容
struct CustomScrollView<Content: View>: View {
    @AppStorage("variable") private var variable = false
    // 用@ViewBuilder接收内容闭包，支持多视图组合
    private let content: Content
    
    init(@ViewBuilder content: () -> Content) {
        self.content = content()
    }
    
    var body: some View {
        if variable {
            ScrollView(.horizontal, showsIndicators: false) {
                content
            }
        } else {
            ScrollView {
                content
            }
        }
    }
}

使用方式 #

在ContentView中直接调用，用法和原生ScrollView一致，外层修饰符只需写一次：

CustomScrollView {
    // 这里放你的内容代码
}
.navigationBarTitleDisplayMode(.inline)
.toolbar {
    // 这里放Toolbar代码
}

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