SwiftUI – Animations triggered inside a View that’s in a list doesn’t animate the list as well

by

The solution is just to make height animatable continuously, by providing explicit animatable modifier for this.

Here is working approach. Tested with Xcode 11.4 / iOS 13.4.

demo

Implementation of simple helper modifier

struct AnimatingCellHeight: AnimatableModifier {
    var height: CGFloat = 0

    var animatableData: CGFloat {
        get { height }
        set { height = newValue }
    }

    func body(content: Content) -> some View {
        content.frame(height: height)
    }
}

Modified using view (other parts unchanged)

struct SubView: View {
    @State var change: Bool = false

    var body: some View {
        Rectangle()
            .frame(width: 200)
            .modifier(AnimatingCellHeight(height: change ? 300 : 200))
            .foregroundColor(Color.red)
            .onTapGesture {
                withAnimation {
                    self.change.toggle()
                }
            }
    }
}

More Related Contents:

  1. What is the difference between ObservedObject and StateObject in SwiftUI
  2. How to tell SwiftUI views to bind to nested ObservableObjects
  3. Get the current scroll position of a SwiftUI ScrollView
  4. SwiftUI – Multiple Buttons in a List row
  5. SwiftUI HStack with Wrap
  6. SwiftUI NavigationLink loads destination view immediately, without clicking
  7. How to remove the default Navigation Bar space in SwiftUI NavigationView
  8. How to access own window within SwiftUI view?
  9. iOS14 introducing errors with @State bindings
  10. Xcode Canvas for SwiftUI previews does not show up
  11. @Binding and ForEach in SwiftUI
  12. SwiftUI Hide TabView bar inside NavigationLink views
  13. SwiftUI List color background
  14. Automatically adjustable view height based on text height in SwiftUI
  15. SwiftUI TextField max length
  16. SwiftUI – how to avoid navigation hardcoded into the view?
  17. Prevent dismissal of modal view controller in SwiftUI
  18. Implement dark mode switch in SwiftUI App
  19. How to observe changes in UserDefaults?
  20. SwiftUI withAnimation completion callback
  21. @Published property wrapper not working on subclass of ObservableObject
  22. SwiftUI: NavigationDestinationLink deprecated
  23. Transition animation not working properly in SwiftUI
  24. NavigationView and NavigationLink on button click in SwiftUI?
  25. How to have a dynamic List of Views using SwiftUI
  26. How to open the ImagePicker in SwiftUI?
  27. How to properly group a list fetched from CoreData by date?
  28. SwiftUI modal presentation works only once from navigationBarItems
  29. SwiftUI View – viewDidLoad()?
  30. SwiftUI – Detect when ScrollView has finished scrolling?

Leave a Comment