PageTabViewStyle是使用滚动视图实现的，它会将页面预加载到滚动视图中以获得平滑的滚动体验，这就是为什么当您只滚动到第1页时，第2页会“出现”的原因：它希望在用户继续滚动经过页面1的情况下准备好。
使用onChange而不是onAppear监视pageIndex中的更改：

struct DemoView: View {
    @State var pageIndex = 0

    var body: some View {
        TabView(selection: $pageIndex) {
            ForEach(0..<3) { item in
                Text("page \(item)")
            }
        }
        .animation(.easeInOut, value: pageIndex)
        .tabViewStyle(PageTabViewStyle(indexDisplayMode: .never))
        .indexViewStyle(.page(backgroundDisplayMode: .interactive))
        .onChange(of: pageIndex) { newValue in
            print("page \(newValue)")
        }
    }
}

请注意，onChange不会在页面0的初始外观中触发。如果需要，可以在选项卡视图中添加onAppear：

struct DemoView: View {
    @State var pageIndex = 0

    var body: some View {
        TabView(selection: $pageIndex) {
            ForEach(0..<3) { item in
                Text("page \(item)")
            }
        }
        .animation(.easeInOut, value: pageIndex)
        .tabViewStyle(PageTabViewStyle(indexDisplayMode: .never))
        .indexViewStyle(.page(backgroundDisplayMode: .interactive))
        .onChange(of: pageIndex) { newValue in
            print("page \(newValue)")
        }
        .onAppear {
            print("page \(pageIndex)")
        }
    }
}