ScrollViewReader 锚点中心创建可用空间

如何解决ScrollViewReader 锚点中心创建可用空间

我想放大滚动视图中的特定元素。我希望它成为一个锚中心。当缩放到左上元素时，没问题，它工作正常。但是当您放大右上角和底部元素时，会在其周围创建空间。我在图片中展示过。我该如何解决这个问题？ 谢谢。

            GeometryReader { geo in
                ScrollView(detect.scrolID != nil ? [.horizontal,.vertical] : []) {
                    ScrollViewReader { reader in
                        BoardView(changeFrame: self.changeFrame,spotFrames: $spotFrames)
                            .frame(width: detect.scrolID != nil ? geo.size.width  * 2 : geo.size.width,height:  detect.scrolID != nil ? geo.size.width * 2 : geo.size.width)
                            .onChange(of: detect.scrolID){ value in
                                if value != nil {
                                    if camerazoom{
                                        reader.scrollTo(value,anchor: .center)
                                    }
                                }
                            }
                    }
                }
                .background(Color.blue)
            }

页面的第一个加载版本

放大左上角元素时正常工作

缩放到以下元素时，出现这些间隙