SwiftUI水平滚动视图存在无形填充

Question

嵌套的水平ScrollView在顶部有不可见的填充。我尝试为ScrollView和内容添加“。padding（.top，0）”，但不起作用。这是一个错误还是可能删除此填充？

VStack(alignment: .leading) {
      Text("Text one")
      Text("Text two")
      ScrollView(.horisontal, showsIndicators: false) {
      Text("Text with strange top padding")
    }
}.padding(.horizontal)

- yoprst

Answer 1

我不知道什么是ScrollingView，但使用标准的ScrollView提供的示例可以很好地工作（在Xcode 11.2 / iOS 13.2上测试过）。

这里是一个演示，添加了滚动视图周围的边框以获得更好的可见性。

struct TestHorizontalScrollView: View {
    var body: some View {
        VStack(alignment: .leading, spacing: 0) {
              Text("Text one")
              Text("Text two")
              ScrollView(.horizontal) {
                Text("Text with strange top padding")
            }.border(Color.red)
        }.padding(.horizontal)
    }
}

- Asperi

---

抱歉，那是个打错字。你看到“Text two”和ScrollView内部文本之间的空隙了吗？这就是我所说的。 - yoprst

@yoprst，啊，就是那个问题。那么您只需要在VStack中明确指定spacing即可，因为如果没有指定，系统会在每对兄弟视图之间选择默认值（而不是硬编码填充，正如您所接受的）。 - Asperi

真的，垂直视图也有奇怪的填充。你最终是如何解决的？ - RainCast