带点指示器的SwiftUI全屏水平滑动

import SwiftUI

struct ContentView: View {
    // 定义当前页数
    @State private var currentPage = 0
    
    var body: some View {
        VStack {
            ScrollView(.horizontal, showsIndicators: false) {
                HStack(spacing: 0) {
                    // 添加内容视图
                    Text("Page 1")
                        .frame(width: UIScreen.main.bounds.width)
                    Text("Page 2")
                        .frame(width: UIScreen.main.bounds.width)
                    Text("Page 3")
                        .frame(width: UIScreen.main.bounds.width)
                }
            }
            
            // 设置滚动指示器
            PageControl(numberOfPages: 3, currentPage: $currentPage)
                .padding(.top, 10)
        }
    }
}

struct PageControl: UIViewRepresentable {
    var numberOfPages: Int
    @Binding var currentPage: Int
    
    func makeUIView(context: Context) -> UIPageControl {
        let pageControl = UIPageControl()
        pageControl.numberOfPages = numberOfPages
        pageControl.currentPageIndicatorTintColor = .blue
        pageControl.pageIndicatorTintColor = .gray
        return pageControl
    }
    
    func updateUIView(_ uiView: UIPageControl, context: Context) {
        uiView.currentPage = currentPage
    }
}

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