I have a simple button style which animates the size of the button when it is pressed.
Unfortunately, this causes the position of the button to animate (which I don't want).
Is there a way to limit the animation only to the scale? I have tried surrounding the offending animation with .animation(nil) and .animation(.none) modifiers - but that didn't work.
when I show a button in a sheet, it animates in from the top left (0,0) to the position in the centre of the sheet after the sheet appears.
If I remove the animation on the scaleEffect, then this doesn't happen.
Unfortunately, this causes the position of the button to animate (which I don't want).
Is there a way to limit the animation only to the scale? I have tried surrounding the offending animation with .animation(nil) and .animation(.none) modifiers - but that didn't work.
Code Block Swift import SwiftUI struct ExampleBackgroundStyle: ButtonStyle { func makeBody(configuration: Self.Configuration) -> some View { configuration.label .padding() .foregroundColor(.white) .background(Color.red) .cornerRadius(40) .padding(.horizontal, 20) .animation(nil) .scaleEffect(configuration.isPressed ? 0.6 : 1.0) .animation(.easeIn(duration: 0.3)) .animation(nil) } }
when I show a button in a sheet, it animates in from the top left (0,0) to the position in the centre of the sheet after the sheet appears.
If I remove the animation on the scaleEffect, then this doesn't happen.
-
—
RayOV
Add a CommentI have the same problem, my animation is just color change, and all moves up and down.