SwiftUI onChange() event doesn't work on TabView when swiping

Question

I would like to change the value of a text when the active tab of a TabView changes. I tried using onChange(of: activeTab, perform: {}) to change the value of the state variable that stores the text but it seems that the closure given to onChange() is never called.

TabView(selection: $activeTab) {
  ForEach(exampleData) {dayMenu in
    DayMenuView(dayMenu: dayMenu)
      .padding([.leading, .bottom, .trailing])
  }
}
.onChange(of: activeTab, perform: { index in
  print(activeTab)
  withAnimation {
    activeDate = dates[1]
  }
})

Text view

Text(activeDate)

State variables

let dates = ["Montag", "Dienstag"]
    
@State private var activeTab: Int = 0
@State private var activeDate = "Montag"

Martijn Pieters · Accepted Answer · 2022-08-23 08:48:58Z

21

Provided code is not testable but I think it is because activeTab is not changed because tab views are not identified, due to tag, so try

TabView(selection: $activeTab) {
  ForEach(exampleData.indices, id: \.self) { index in
    DayMenuView(dayMenu: exampleData[index])
      .padding([.leading, .bottom, .trailing])
      .tag(index)
  }
}
.onChange(of: activeTab, perform: { index in

edited Aug 23, 2022 at 8:48

Martijn Pieters

1.1m326 gold badges4.2k silver badges3.4k bronze badges

answered Dec 10, 2020 at 17:40

Asperi

262k28 gold badges594 silver badges889 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

derivmug Over a year ago

This and the answer here solved my problem, thanks

Collectives™ on Stack Overflow

SwiftUI onChange() event doesn't work on TabView when swiping

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related