SwiftUI Animation Lag When Using GeometryReader with State Changes
I've searched everywhere and can't find a clear answer... I'm dealing with I've been banging my head against this for hours. I recently switched to I'm experiencing noticeable lag in my SwiftUI animations when I use `GeometryReader` alongside state changes. I'm trying to animate a view that changes its size based on user interaction, but the animations are choppy and not smooth, especially on iOS 17. Here's a snippet of my code: ```swift struct ResizableBox: View { @State private var isExpanded: Bool = false var body: some View { GeometryReader { geometry in VStack { Rectangle() .fill(isExpanded ? Color.blue : Color.red) .frame(width: isExpanded ? geometry.size.width : geometry.size.width / 2, height: isExpanded ? geometry.size.height / 2 : geometry.size.height / 4) .animation(.easeInOut, value: isExpanded) .onTapGesture { self.isExpanded.toggle() } Text(isExpanded ? "Tap to Collapse" : "Tap to Expand") } } } } ``` In this example, I've noticed that when the rectangle expands or collapses, the transition feels stuttery. I've tried wrapping the animation in a `withAnimation` block and adjusting the timing curve, but nothing seems to help. The performance issues seem especially pronounced on the iPhone 15 running iOS 17. I even attempted to profile the app using Instruments, but I couldn't identify any specific bottlenecks. Is there a more efficient way to handle size changes in SwiftUI to prevent lag? Are there best practices I should follow with `GeometryReader` and animations that I might be missing? Any advice would be much appreciated! This is part of a larger API I'm building. How would you solve this? I'm coming from a different tech stack and learning Swift. Am I approaching this the right way? I'm open to any suggestions. Thanks in advance!