swiftUI scrollView scrollTo で 要素が一つだけ飛ばされてスクロールされる

Question

実現したいこと

scrollToで一つ一つスクロールできるようにしたい。

前提

環境
xcode 15.01
ios17

発生している問題・エラーメッセージ

なぜか5だけ飛ばされる
しかも0~4ときて5を押した時だけ。
6から5を押すと何事もなくスクロールされる。

該当のソースコード

import SwiftUI

struct ContentView: View {
    @State var aitem = 9
    
    var body: some View {
        VStack{
            let a = Array<Int>(1...20)
            ForEach(0..<5) { row in
                HStack(spacing: 0) {
                    ForEach(0..<4) { column in
                        Button {
                            aitem = (row * 4 + column)
                        } label: {
                            Text((row * 4 + column).description)
                                .padding(20)
                        }
                    }
                }
            }
            HorizontalWheelPicker_cigma(initialCenterItem: 7, selection: $aitem, items: a)
        }
    }
}


struct HorizontalWheelPicker_beta<Item: Equatable>: View {
    var position: Int
    @Binding var positioningItem: Item
    
    var items: [itemWithID<Item>]
    @State private var scrollID: Int?
    let numItem: Int
    let str: String = ""
    
    init (initialCenterItem item: Item,
          selection: Binding<Item> = Binding.constant(0),
          numItem: Int = 5, items: [Item]) {
        self.position = items.firstIndex(of: item)!
        self._positioningItem = selection
        self.numItem = numItem
        self.items = items.map { itemWithID(item: $0) }
        print("init")
    }
    
    struct itemWithID<T>: Identifiable {
        let id = UUID()
        let item: T
    }
    
    var body: some View {
        if #available(iOS 17.0, *) {
            VStack {
                GeometryReader { geometry in
                    let width = geometry.size.width
                    let itemWidth = width / CGFloat(numItem)

                    ScrollViewReader { proxy in
                        ScrollView(.horizontal, showsIndicators: false) {
                            LazyHStack(alignment: /*@START_MENU_TOKEN@*/.center/*@END_MENU_TOKEN@*/, spacing: 0) {
                                ForEach(0..<items.count, id: \.self) { index in
                                    if 0..<items.count ~= index {
                                        Text(index.description)
                                            .id(items[index].id)
                                            .frame(width: itemWidth)
                                    }
                                }
                            }
                            .scrollTargetLayout()
                            .onAppear {
                                proxy.scrollTo(items[0].id, anchor: .center)
                            }
                            .safeAreaPadding(.horizontal, itemWidth * CGFloat(numItem / 2))
                            .onChange(of: positioningItem) { _ in
                                print(items[reIndex(items, item: positioningItem)])
                                withAnimation {
                                    print("\(positioningItem) : \(reIndex(items, item: positioningItem))")
                                    proxy.scrollTo(items[reIndex(items, item: positioningItem)].id, anchor: .center)
                                }
                            }
                        }
                    }
                    .scrollTargetBehavior(.viewAligned)
                    .scrollPosition(id: $scrollID)
                }
            }
        }
    }
    
    func reIndex(_ idItems: [itemWithID<Item>], item: Item) -> Int {
        for i in 0..<idItems.count {
            if idItems[i].item == item {
                return i
            }
        }
        return 0
    }
}

Comments

[hoshi-takanori]

たぶん、itemWidth が整数じゃないと誤差が生じてるような…。

[RAKUDA]

floorで切り捨てたら正常な動作になりました。

[RAKUDA]

幅が細かいと、中央に合わせきれない
ということでしょうか？

[hoshi-takanori]

想像ですが、浮動小数点で座標を計算する際の誤差かと…。

[RAKUDA]

次からframeの指定には気をつけるようにします。
ありがとうございました。

Answer 1

widthに指定していた数値の少数を切り捨てると正常になりました。
コメントにもあるように、浮動小数点を使用して座標計算する際の誤差によるものではないかと言う結論に至りました。

回答してくださったhoshi-takanori様、大変ありがとうございました。