SwiftUI视图层级优化：List/HStack核心内容的返回类型问题

核心类型说明 #

List和HStack内部的内容返回类型是**some View**——SwiftUI的不透明视图类型。但因为你要返回的是由ForEach生成的视图序列，需要用@ViewBuilder修饰方法/计算属性，让SwiftUI正确解析视图构建逻辑，否则会出现类型不匹配的报错。

优化方案 #

直接提取重复的ForEach+Button+VideoRow逻辑为公共计算属性，再分别嵌入到HStack和List中即可。以下是修改后的完整代码：

var body: some View {
    NavigationView {
        if horizontalScroll {
            ScrollView(.horizontal, showsIndicators: false) {
                HStack {
                    videoRows
                }
            }
        } else {
            List {
                // makeEmbeddedVideoPlayer()
                videoRows
            }
            .navigationTitle("Travel Vlogs")
        }
    }
    .fullScreenCover(item: $selectedVideo) {
        embeddedVideoRate = 1.0
    } content: { item in
        makeFullScreenVideoPlayer(for: item)
    }
}

// 提取的公共视图内容
@ViewBuilder
private var videoRows: some View {
    ForEach(videos) { video in
        Button {
            selectedVideo = video
        } label: {
            VideoRow(video: video)
        }
    }
}

var horizontalScroll: Bool {
#if os(tvOS)
    return true
#else
    return false
#endif
}

额外优化思路 #

如果想进一步简化代码结构，可以把容器逻辑也封装起来：

@ViewBuilder
private var videoContainer: some View {
    if horizontalScroll {
        ScrollView(.horizontal, showsIndicators: false) {
            HStack {
                videoRows
            }
        }
    } else {
        List {
            videoRows
        }
        .navigationTitle("Travel Vlogs")
    }
}

// 简化后的body
var body: some View {
    NavigationView {
        videoContainer
    }
    .fullScreenCover(item: $selectedVideo) {
        embeddedVideoRate = 1.0
    } content: { item in
        makeFullScreenVideoPlayer(for: item)
    }
}

@ViewBuilder会自动处理视图的类型拼接，无需手动指定复杂的泛型类型，彻底消除重复逻辑的同时解决类型不匹配问题。

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