使用两个轴的Swiftui ScrollView为iOS 13创建布局问题

有人能解释一下为什么在使用iOS 13.5时，可滚动内容（红色框）不在蓝色框的顶部吗？注意：这在iOS 14中不是问题

我想将标有“0”的红色框的顶部与导航栏的底部边缘对齐，并在ScrollView中完全显示所有4个红色框。这个问题似乎只有在使用两个轴时才会出现；仅使用一个轴，即可生成所需的结果

代码如下：

var body: some View {
    NavigationView {
        VStack(spacing: 0){
            HStack(spacing: 0){

                ScrollView([.horizontal, .vertical], showsIndicators: false){
                    HStack(spacing: 0){
                        VStack(spacing: 0){
                            ForEach(0...3, id: \.self) { index in
                                Text("\(index)")
                                    .frame(width: 100, height: 100, alignment: .center)
                                    .background(Color.red)
                                    .border(Color.black, width: 1)
                            }
                        }
                    }
                }
                .frame(width: 375, height: 400)
                .background(Color.blue)
            }
            Spacer()
        }
        .background(Color.blue)
        .navigationBarItems(leading:
            Button(action: {
            }) {
                Text("Close")
            })
        .navigationBarTitle("Nav Bar Title", displayMode: .inline)
    }
}