【SwiftUI】スクロール可能な横に長いテキストの初期表示位置を右端にする！

こんにちは。ymurao2です！

カテゴリを表示するときなど、スクロール可能な横に長い文字列を表示する際、初期表示位置を右端にしたいときがあると思います（例えば、以下のような画面）

今回はこのようなViewをScrollViewを使って実装する方法を紹介します！

実装

var body: some View {
    HStack {
        Text("カテゴリ")
        ScrollViewReader { proxy in
            ScrollView(.horizontal, showsIndicators: false) {
                Text("長いテキスト>長いテキスト>長いテキスト>長いテキスト>長いテキスト>")
                    .lineLimit(1)
                    .id("scroll")
            }
            .onAppear {
                proxy.scrollTo("scroll", anchor: .trailing)
            }
        }        
    }
}

ScrollViewReaderを使用し、onAppearでscrollToメソッドを呼ぶのがポイントです！

色など余分な情報はコード上から削除しています

こんな感じで初期表示位置を右端にできました！