swiftuiを使ってiOS用のアプリを作成しているのですが、不明な点がありましたら教えてください。あるスクロールビューに表示されている画像をドラッグして別のスクロールビューに移動したいのですが、現在の問題は、画像をドラッグして移動すると、画像がスクロールビューの外に出ると表示されず、移動できないことです。別のスクロールビューに移動してください。この問題の解決方法を教えていただければ幸いです。
import SwiftUI
struct ContentView: View {
@State private var pageOffsets: [CGSize] = Array(repeating: .zero, count: 50)
@State private var pageGridColumns: [Int] = Array(repeating: 0, count: 50)
let grids = Array(repeating: GridItem(.fixed(80)), count: 4)
var body: some View {
LazyVStack {
ScrollView() {
LazyHStack {
LazyVGrid(columns: grids) {
ForEach((1...50), id: \.self) { num in
Page(str: String(num))
.cornerRadius(8)
.frame(height: 60)
.offset(pageOffsets[num - 1])
.gesture(
DragGesture()
.onChanged { value in
pageOffsets[num - 1] = value.translation
}
.onEnded { value in
let columnIndex = Int(round(value.translation.width / 80))
let newOffset = CGSize(width: CGFloat(columnIndex) * 80, height: 0)
withAnimation {
pageOffsets[num - 1] = newOffset
pageGridColumns[num - 1] = columnIndex
}
}
)
.onAppear {
pageGridColumns[num - 1] = (num - 1) % 4
}
}
}
}
}
ScrollView() {
LazyHStack {
LazyVGrid(columns: grids) {
ForEach((1...50), id: \.self) { num in
Page(str: String(num))
.cornerRadius(8)
.frame(height: 60)
.offset(pageOffsets[num - 1])
.gesture(
DragGesture()
.onChanged { value in
pageOffsets[num - 1] = value.translation
}
.onEnded { value in
let columnIndex = Int(round(value.translation.width / 80))
let newOffset = CGSize(width: CGFloat(columnIndex) * 80, height: 0)
withAnimation {
pageOffsets[num - 1] = newOffset
pageGridColumns[num - 1] = columnIndex
}
}
)
.onAppear {
pageGridColumns[num - 1] = (num - 1) % 4
}
}
}
}
}
}
}
}
struct Page: View {
let colors: [Color] = [.green, .blue, .pink, .orange, .purple]
let str: String
var body: some View {
ZStack {
colors.randomElement()
Text(str)
.font(.title)
.foregroundColor(.white)
}
}
}