TabView with “PageTabViewStyle” does not update it’s content when @State var changes

by

TabView expects to have container of pages, but you included only one HStack (with own dynamic content), moreover chaining number of pages you have to reset tab view, so here is a fix.

Tested with Xcode 12 / iOS 14

demo

struct ContentView: View {
    @State var numberOfPages: Int = 0

    var body: some View {
        VStack {
            Text("Tap Me").onTapGesture(count: 1, perform: {
                self.numberOfPages = [2,5,10,15].randomElement()!
            })
            if self.numberOfPages != 0 {
                TabView {
                    ForEach(0..<numberOfPages, id: \.self) { index in
                        Text("\(index)").frame(width: 300).background(Color.red)
                    }
                }
                .tabViewStyle(PageTabViewStyle(indexDisplayMode: .automatic))
                .frame(height: 300)
                .id(numberOfPages)          // << here !!
            }
        }
    }
}

More Related Contents:

  1. SwiftUI View: Int/Double is not convertible to CGFloat
  2. SwiftUI @State var initialization issue
  3. SwiftUI Optional TextField
  4. How do I add Animations to Transitons between custom NavigationItems made from AnyView?
  5. SwiftUI TextField with formatter not working?
  6. Hosting Controller When Using iOS 14 @main
  7. SwiftUI WKWebView content height issue
  8. Are there maximum limits to VStack?
  9. SwiftUI – Get size of child?
  10. SwiftUI: Switch .sheet on enum, does not work
  11. SwiftUI disable list border iOS 14 [duplicate]
  12. Activity indicator in SwiftUI
  13. Why is an ObservedObject array not updated in my SwiftUI application?
  14. SwiftUI Picker onChange or equivalent?
  15. SwiftUI @State and .sheet() ios13 vs ios14
  16. How to use same set of modifiers for various shapes
  17. How to print() to Xcode console in SwiftUI?
  18. SwiftUI: Random “Extra argument in call” error
  19. SwiftUI 2.0 TabView disable swipe to change page
  20. How to set custom highlighted state of SwiftUI Button
  21. How to create a custom delete button without using the slide to delete that comes with swiftUI I am not using list, just using a foreach loop
  22. How do I get the ScrollView to keep its position when the keyboard appears with iOS 15/Xcode 13?
  23. Adding a drag gesture in SwiftUI to a View inside a ScrollView blocks the scrolling
  24. How to detect keyboard events in SwiftUI on macOS?
  25. Show a new View from Button press Swift UI
  26. Is it possible to make a modal non-dismissible in SwiftUI?
  27. How to detect Light\Dark mode change in iOS 13?
  28. Change to @Published var in @EnvironmentObject not reflected immediately
  29. How do I make a clickable pin in SwiftUI’s new Map view?
  30. NavigationStack not affected by EnvironmentObject changes

Leave a Comment