使用 Form 时视图之间出现随机白线

Random white line showing up between views when using Form

我已经弄乱这个问题很长一段时间了,我这辈子都弄不明白这条小白线是从哪里来的。我尝试设置 .padding(0) 并使用 .frame() 但似乎无法删除它。如果我删除 Form 并使用类似 list 的东西,它就会消失,但我喜欢 Form 的 Inset 外观。如果我在列表中添加插图样式,问题又来了。

var body: some View {
    VStack {
        Rectangle()
            .foregroundColor(settings.accentColor)
            .overlay(
                Group {
                    Text("x").font(.system(size: 50, weight: .heavy))
                    Text("xxxxxxxxx").font(.system(size: 36, weight: .regular))
                    
                }.foregroundColor(.white)
            )
        
        Form {
            TextField("Test", text: $test)
        }
        
    }
}

spacing 参数添加到您的 VStack

VStack(spacing: 0) {
    // ...
}