SwiftUI List最后一行下方显示分隔线的原因咨询

云上老周

2026-4-8

嘿，这个问题我之前踩过坑！其实这事儿得从SwiftUI List的底层实现说起——咱们用的.plain风格List，底层是基于UIKit的UITableView的，而UITableView在plain样式下，默认就会在最后一行的下方显示一条分隔线，尤其是当列表内容没填满整个List的可滚动区域时，这个“多余”的分隔线就会冒出来，和咱们直觉里“分隔线只在列表项之间存在”的预期确实不太对得上。

先看看你贴的这段代码：

List {
    ForEach(displayData) { item in
        CustomRow(
            item: item,
            onTap: handleItemTap
        )
        .listRowBackground(Color.clear)
    }
}
.listStyle(.plain)
.background(
    RoundedRectangle(cornerRadius: 10)
        .fill(Color(UIColor.secondarySystemBackground))
)
.padding()

针对这个问题，我给你几个亲测有效的解决思路：

iOS 15+专属：精准控制分隔线
从iOS 15开始，SwiftUI提供了.listRowSeparator修饰符，你可以针对最后一行单独隐藏底部分隔线。用ForEach循环的话，可以判断当前项是不是最后一个，再添加修饰符：
```
ForEach(Array(displayData.enumerated()), id: \.element.id) { index, item in
    CustomRow(
        item: item,
        onTap: handleItemTap
    )
    .listRowBackground(Color.clear)
    .listRowSeparator(index == displayData.count - 1 ? .hidden : .automatic, edges: .bottom)
}
```
要是你想统一隐藏所有行的底部分隔线（只保留行间的），也可以直接在List上加上.listRowSeparator(.hidden, edges: .bottom)，不过得根据自己的UI需求来选。
兼容旧版本：修改UITableView全局外观
要是项目需要兼容iOS 15以下的版本，那就得从底层UITableView入手解决。在你的View初始化代码里，或者App启动的地方，加这么一行：
```
UITableView.appearance().tableFooterView = UIView()
```
这行代码给UITableView设置了一个空的footerView，系统就不会再显示最后一行之后的分隔线了。注意这是全局设置，会影响项目里所有plain风格的List，有特殊需求的List得单独调整。
取巧方案：裁剪多余内容
因为你已经给List加了圆角背景，也可以试试给List加上.clipped()修饰符，把超出圆角范围的分隔线裁掉。不过这个方法比较取巧，要是分隔线在圆角内部的话就没效果，适合分隔线刚好在圆角外的场景。

总的来说，这个问题的核心就是plain风格List的底层UITableView默认行为导致的，用上面的方法基本都能解决~

内容来源于stack exchange