SwiftUI嵌套ScrollView后ZStack内图片顶部出现空白问题求助

以下是几个针对该问题的有效解决方法，可逐一尝试：

• 强制清除ScrollView默认内容内边距
  ScrollView默认会根据安全区域添加内边距，即使移除edgesIgnoringSafeArea也可能残留，可手动覆盖：

  ScrollView(.vertical, showsIndicators: false) {
      // 你的ZStack及内部内容
  }
  .scrollContentInsets(.init(top: 0, leading: 0, bottom: 0, trailing: 0))
  

• 设置ZStack顶对齐布局
  ZStack默认居中对齐，可能导致图片顶部出现空隙，明确指定对齐方式：

  ZStack(alignment: .topLeading) {
      Image("你的图片名称")
          .resizable()
          .scaledToFill()
      // 其他叠加视图
  }
  

• 强制图片顶占满布局空间
  给图片添加frame约束，强制其顶对齐并占满可用空间：

  Image("你的图片名称")
      .resizable()
      .scaledToFill()
      .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .top)
  

• 清除外层容器默认间距
  如果ZStack包裹在VStack内，确保VStack取消默认间距：

  VStack(spacing: 0) {
      ZStack {
          // 你的内容
      }
      // 其他视图
  }
  

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