SwiftUI TabView：如何实现滑动与点击按钮同步更新选中页及按钮文本

你的问题出在buttonLabel是独立的状态变量，只有点击按钮时才会手动更新它，但通过滑动切换页面时，selectedPage的变化不会触发buttonLabel的更新，导致文本不同步。

最简单的解决方法是把buttonLabel改成计算属性，直接基于selectedPage的值动态生成文本，这样不管是滑动还是点击按钮，只要selectedPage变化，按钮文本就会自动同步：

struct MyPageView: View
{
  @State private var selectedPage: Int = 0
  
  // 用计算属性替代独立的State变量
  private var buttonLabel: String {
    selectedPage == 4 ? "Continue" : "Next"
  }
  
  var body: some View
  {
    ZStack
    {
      Color.black
      
      VStack
      {
        TabView(selection: $selectedPage)
        {
          Page1().tag(0)
          Page2().tag(1)
          Page3().tag(2)
          Page4().tag(3)
          Page5().tag(4)
        }
        .tabViewStyle(.page)
        .indexViewStyle(.page(backgroundDisplayMode: .always))
        
        Button(buttonLabel)
        {
          withAnimation
          {
            selectedPage += 1
            
            if selectedPage > 4
            {
              selectedPage = 0
            }
            // 这里不再需要手动设置buttonLabel，计算属性会自动处理
          }
        }
        .buttonStyle(.borderedProminent)
      }.padding(.all)
    }
    .edgesIgnoringSafeArea(.all)
  }
}

关键改动说明： #

• 移除了原来的@State private var buttonLabel，换成依赖selectedPage的计算属性，当selectedPage变化时，计算属性会自动重新计算返回正确的文本。
• 按钮点击逻辑中删除了所有手动设置buttonLabel的代码，简化了逻辑，同时避免了状态不同步的问题。

这样修改后，不管是滑动切换页面还是点击按钮，按钮文本都会和当前页码保持一致，完美解决同步问题。

内容的提问来源于stack exchange，提问作者iOSProgrammingIsFun