SwiftUI中ForEach可正常遍历数组但List嵌入ScrollView时无内容显示

List 是SwiftUI中自带滚动能力的容器组件（底层封装自UIKit的UITableView），其本身的设计逻辑是自动撑满父视图给出的可用高度，由自身负责内容滚动，不支持嵌入ScrollView中使用。
当你把List放在ScrollView内部时会出现布局逻辑冲突：

• ScrollView作为外层滚动容器，需要先等待内部所有子视图计算出自身确定高度，才能撑开滚动区域
• List作为内层滚动容器，会默认尝试占满父视图（也就是外层ScrollView）给出的全部可用高度
  两者互相等待对方提供尺寸约束，最终List计算得到的自身高度为0，自然不会渲染任何内容。
  你之前单独使用ForEach能正常显示，是因为ForEach只是视图遍历生成器，本身不是滚动容器，没有独立的滚动和尺寸计算逻辑，放在ScrollView中会正常按内容撑开高度，不会出现冲突。

根据你的实际需求二选一即可：

• 方案1：移除外层的ScrollView，直接使用List作为根滚动容器。这是最符合SwiftUI设计规范的写法，List本身自带滚动能力，移除外层ScrollView后内容会正常显示，swipeAction滑动操作也能正常生效。
  参考代码：

  struct ContentView: View {
      var body: some View {
          List(notes){ note in
              NoteView(note: note)
                  .padding(.bottom)
                  .swipeActions(edge: .trailing) {
                      Button("删除", role: .destructive) {
                          // 处理笔记删除逻辑
                      }
                  }
          }
      }
  }
  

• 方案2：如果你确实需要在外层使用ScrollView（比如要在笔记列表的上下方添加其他需要跟随滚动的非列表内容），可以直接放弃List，改用LazyVStack配合ForEach实现列表效果。从iOS 15开始，swipeActions修饰符已经支持在LazyVStack的子视图上使用，不需要依赖List组件。
  参考代码：

  struct ContentView: View {
      var body: some View {
          ScrollView {
              // 可以在这里放置顶部自定义内容，比如标题栏、横幅等
              LazyVStack(alignment: .leading, spacing: 12) {
                  ForEach(notes) { note in
                      NoteView(note: note)
                          .padding(.bottom)
                          .swipeActions(edge: .trailing) {
                              Button("删除", role: .destructive) {
                                  // 处理笔记删除逻辑
                              }
                          }
                  }
              }
              .padding(.horizontal)
              // 可以在这里放置底部自定义内容
          }
      }
  }
  

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