【SwiftUI】Listを横方向にスクロールさせる

SwiftUIのListで、Listを横方向（水平方向）にスクロールさせるコードの紹介です。

「SwiftUI List Horizontal」等で検索すると

ScrollView (.horizontal) {
     HStack {
         ...
     }
}

のようなScrollViewを使用したものが多くヒットしますが、この場合は巨大なデータの場合に問題が出ます（Rowのデータが最初に全て作成されてしまうためです）。
そこでListをrotationEffectで90度回転させて横スクロールを実現します。

環境

• Swift: 5.3.2
• Xcode: 12.4 (12D4e)
• macOS: Big Sur 11.1 (20C69)

コード

ContentView.swift

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack {
            ItemList(items: (0..<100).map { ItemData(index: $0) })
                .frame(height: 100)
            ItemList(items: (500..<600).map { ItemData(index: $0) })
            ItemList(items: (1000..<1100).map { ItemData(index: $0) })
        }
    }
}

struct ItemData {
    var index = 0
    var check = false
}

struct ItemList: View {
    @State var items: [ItemData]

    var body: some View {
        GeometryReader { geo in
            List(0..<items.count) { i in
                ItemRow(item: $items[i])
                    .frame(height: 100)
                    .contentShape(Rectangle())
            }
            .frame(width: geo.size.height, height: geo.size.width)
            .rotationEffect(.degrees(-90), anchor: .bottomLeading)
            .transformEffect(.init(translationX: geo.size.width, y: 0))
            .scaleEffect(x: 1, y: -1)
        }
    }
}

struct ItemRow: View {
    @Binding var item: ItemData

    var body: some View {
        GeometryReader { geo in
            ZStack {
                Color.blue.opacity(item.check ? 0.5 : 0.3)
                    .cornerRadius(8)
                Text("\(item.index)")
            }
            .frame(width: geo.size.height, height: geo.size.width)
            .rotationEffect(.degrees(90), anchor: .topTrailing)
            .transformEffect(.init(translationX: 0, y: geo.size.height))
            .scaleEffect(x: -1, y: 1)
            .onTapGesture {
                item.check.toggle()
            }
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

リポジトリ

問題点

• 文字数によるRowの幅の自動設定がうまくできない