SwiftUI List添加上层视图后分隔线重现及iOS版本适配问题

一、为什么添加Divider后分隔线重现？ #

这是因为你用的第三方包的实现逻辑依赖于List的根视图布局上下文。当List作为VStack的子视图而非页面根视图时，SwiftUI的视图层级环境传递、List底层UITableView的初始化时机或布局优先级发生了变化，导致包中用于隐藏分隔线的钩子（比如修改UITableView的separatorStyle或注入环境值）失效。这类第三方包大多通过hack SwiftUI底层UIKit组件实现兼容，对视图层级变化比较敏感，一旦List不是最外层容器，就容易出现失效情况。

二、正确的iOS版本适配写法 #

你当前的代码存在语法错误，SwiftUI修饰符不能直接用if块单独放置。以下是两种可行的正确写法：

方案1：自定义修饰符封装版本逻辑 #

var body: some View {
    VStack{
        Divider()
        List{
            ForEach(1...3, id: \.self){_ in
                Text("item")
            }
            .modifier(ListSeparatorModifier())
        }
    }
}

// 封装版本适配的自定义修饰符
struct ListSeparatorModifier: ViewModifier {
    func body(content: Content) -> some View {
        if #available(iOS 15, *) {
            content.listRowSeparator(.hidden)
        } else {
            content.listSeparatorStyle(.none)
        }
    }
}

方案2：扩展View实现链式调用 #

var body: some View {
    VStack{
        Divider()
        List{
            ForEach(1...3, id: \.self){_ in
                Text("item")
            }
            .applySeparatorStyle()
        }
    }
}

// 给View扩展适配方法
extension View {
    func applySeparatorStyle() -> some View {
        if #available(iOS 15, *) {
            return self.listRowSeparator(.hidden)
        } else {
            return self.listSeparatorStyle(.none)
        }
    }
}

针对第一个问题的临时修复：可以尝试给List添加.listStyle(PlainListStyle())，强制List使用Plain样式，可能会让第三方包的逻辑重新生效——不同的ListStyle会影响底层UITableView的配置，或许能恢复包的分隔线隐藏逻辑。

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