SwiftUI含@Binding视图不必要更新致性能卡顿问题排查

针对你遇到的title更新触发全量视图刷新导致滚动卡顿的问题，以下是几种可落地的解决方案：

方案一：将title迁移至独立ObservableObject #

把title从根视图的@State抽离到独立的可观察对象中，仅让直接依赖title的视图响应更新，避免根视图整体刷新带动所有行：

class TitleState: ObservableObject {
    @Published var currentTitle: String = ""
}

// 根视图
struct RootMediaView: View {
    @StateObject private var titleState = TitleState()
    
    var body: some View {
        VStack {
            // 仅展示title的视图绑定到titleState
            Text(titleState.currentTitle)
            
            MediaScrollView(title: $titleState.currentTitle)
        }
    }
}

// MediaScrollView
struct MediaScrollView: View {
    @Binding var title: String
    let mediaItems: [MediaItem] // 你的媒体数据模型
    
    var body: some View {
        ScrollView {
            ForEach(mediaItems) { item in
                NCMediaRow(item: item)
                    .onAppear {
                        title = item.title
                    }
            }
        }
    }
}

原理：@Published的更新只会通知直接绑定它的视图（比如根视图里的Text、MediaScrollView的title绑定），NCMediaRow不依赖title，因此不会触发刷新。

方案二：让NCMediaRow遵循Equatable协议 #

如果NCMediaRow的刷新是父视图刷新连带导致的（即使自身数据无变化），通过实现Equatable来避免无意义重绘：

// 假设你的媒体模型是值类型
struct MediaItem: Identifiable, Equatable {
    let id: UUID
    let title: String
    // 其他媒体属性
}

struct NCMediaRow: View, Equatable {
    static func == (lhs: NCMediaRow, rhs: NCMediaRow) -> Bool {
        // 仅比较决定视图显示的核心属性，比如ID、标题、封面URL等
        lhs.item.id == rhs.item.id && lhs.item.title == rhs.item.title
    }
    
    let item: MediaItem
    
    var body: some View {
        // 行内容实现
        HStack {
            // 封面、标题等组件
        }
    }
}

然后在ForEach中添加.equatable()修饰：

ForEach(mediaItems) { item in
    NCMediaRow(item: item)
        .onAppear {
            title = item.title
        }
}
.equatable()

原理：SwiftUI会对比NCMediaRow的前后状态，只有当核心属性变化时才会刷新视图，父视图的title更新不会触发它的重绘。

方案三：拆分视图层级隔离title依赖 #

将MediaScrollView拆分为列表展示和title更新逻辑两部分，让列表子视图完全不接触title绑定：

struct MediaScrollView: View {
    @Binding var title: String
    let mediaItems: [MediaItem]
    
    var body: some View {
        MediaList(mediaItems: mediaItems) { item in
            title = item.title
        }
    }
}

// 仅负责列表展示的子视图，不持有title绑定
struct MediaList: View {
    let mediaItems: [MediaItem]
    let onItemAppear: (MediaItem) -> Void
    
    var body: some View {
        ScrollView {
            ForEach(mediaItems) { item in
                NCMediaRow(item: item)
                    .onAppear {
                        onItemAppear(item)
                    }
            }
        }
    }
}

原理：MediaList不依赖title，因此title更新时它不会刷新，自然NCMediaRow也不会被连带触发重绘。

验证方法 #

在各视图的body开头添加Self._printChanges()，确认title更新时，只有根视图中展示title的组件、MediaScrollView的绑定部分会打印变化，NCMediaRow不再输出刷新日志。

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