Page Number in ScrollView • Astro Theme Cactus

SwiftUI မှာ scrollview ကို သုံးသည့် အခါမှာ pagnation style ရအောင်

.scrollTargetBehavior(.paging)

ကို အသုံပြုနိုင်ပါတယ်။

ဒါပေမယ့် Page Number ရအောင်

.scrollPosition(id: $position)

ကို အသုံးပြုမှ ဖြစ်မှာပါ။ scrollPosition ကို သုံးမယ် ဆိုရင် scrollTargetLayout နဲ့ တွဲ သုံးမှ အလုပ်လုပ်ပါလိမ့်မယ်။

ဥပမာ ကြည့်ရအောင်

@State private var position: Int?
/// ...
/// ...
/// ...
ScrollView(.vertical, showsIndicators: false) {
VStack(spacing:0) {

        MyView(title: "view 1")
        .id(0)

        MyView(title: "view 2")
        .id(1)

    }
    .scrollTargetLayout()
}
.frame(height: 65)
.scrollPosition(id: $position)
.scrollTargetBehavior(.paging)

scroll page change သွားတိုင်း position value က ပြောင်းသွားတာ ကို တွေ့နိုင်ပါလိမ့်မယ်။