Центр привязки ScrollViewReader создает свободное пространство

Question

Я хочу увеличить конкретный элемент в режиме прокрутки. Я хочу, чтобы он был якорным центром. При приближении к верхним левым элементам проблем нет, работает исправно. Но когда вы увеличиваете верхний правый и нижний элементы, вокруг них создается пространство. Я показал на фотках. как я могу это решить? Спасибо.

                  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)
            }

первая загруженная версия страницы

Правильно работает при увеличении левого верхнего элемента

При приближении к следующим элементам эти пробелы появляются