SwiftUI transition animation is only working when I use a deprecated API

Falco

I'm trying to get a very simple transition animation to work in SwiftUI. The transition works perfectly when I include the following:

.animation(.linear)

But when I do that I get the following warning message:

'animation' was deprecated in iOS 15.0: Use withAnimation or animation(_:value:) instead

I am already using withAnimation in my code (see below).

struct ShowAnimationProblemView: View {
    @State var showingSubView = false
    
    var body: some View {
        VStack {
            Text("Animation Transition Problem").padding()
            Button("Show subView") {
                withAnimation {
                    showingSubView.toggle()
                }
            }.padding()
            if showingSubView {
                VStack {
                    Text("This is")
                    Text("the")
                    Text("subView")
                }
                .padding(50)
                .border(.red)
                .transition(.slide)
            }
            Spacer()
        }
        .animation(.linear)
    }
}

A picture of the view

The code, as shown above works perfectly, but shows the deprecation warning. When you tap the button, the subView slides in from the left. When you tap it again, the subView slides out to the right.

If I comment out the .animation(.linear) statement, then the first time I tap the button, the subView instantly appears with no animation. Then if I tap it again, it nicely slides out to the right.

How can I get this simple transition to work correctly without using the deprecated API?

vacawama

Replace the deprecated version:

.animation(.linear)

with this:

.animation(.linear, value: showingSubView)

Note: The animation works without the withAnimation { }.

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

Transition animation not working in SwiftUI

Transition animation not working in SwiftUI LazyVStack

Simple transition animation not working in SwiftUI

SwiftUI transition is not working when in HSack

Transition animation gone when presenting a NavigationLink in SwiftUI

Nodemailer not working only when i use .env

SMIL animation not working when I use with in symbol tag

SwiftUI Animation Not Working When View Removed

Android transition animation is not working

How to replace deprecated .animation() in SwiftUI?

CSS transition not working when use overflow?

override transition animation isn't working targetting api 30 android

Focus transition animation for outline not working when Unfocusing HTML Input

css transition animation not working. how to I fix?

Node.js page transition no more working when I use AngularJS $routeProvider

Which layout elements should I use to implement a submenu with an animation transition

Elements child "shakes" when I increase the size with transition/animation

Css transition animation not working with .appendChild

Combination of animation and transition not working properly

Vuejs transition animation not working on leave

Angular 2 - Animation transition not working

Javascript Animation Issues - Transition not working

Animation transition not working - angular 6

React Transition Animation is not working as expected

SwiftUI: How do I transition gracefully when parent view changes?

SwiftUI animation not working when embedded inside another view

Animation not working when I scroll down

Animation not working when I hover over image

Why CSS animation isn't working when i use focus code?

TOP Ranking

  1. 1

    Failed to listen on localhost:8000 (reason: Cannot assign requested address)

  2. 2

    Loopback Error: connect ECONNREFUSED 127.0.0.1:3306 (MAMP)

  3. 3

    How to import an asset in swift using Bundle.main.path() in a react-native native module

  4. 4

    pump.io port in URL

  5. 5

    Compiler error CS0246 (type or namespace not found) on using Ninject in ASP.NET vNext

  6. 6

    BigQuery - concatenate ignoring NULL

  7. 7

    ngClass error (Can't bind ngClass since it isn't a known property of div) in Angular 11.0.3

  8. 8

    ggplotly no applicable method for 'plotly_build' applied to an object of class "NULL" if statements

  9. 9

    Spring Boot JPA PostgreSQL Web App - Internal Authentication Error

  10. 10

    How to remove the extra space from right in a webview?

  11. 11

    java.lang.NullPointerException: Cannot read the array length because "<local3>" is null

  12. 12

    Jquery different data trapped from direct mousedown event and simulation via $(this).trigger('mousedown');

  13. 13

    flutter: dropdown item programmatically unselect problem

  14. 14

    How to use merge windows unallocated space into Ubuntu using GParted?

  15. 15

    Change dd-mm-yyyy date format of dataframe date column to yyyy-mm-dd

  16. 16

    Nuget add packages gives access denied errors

  17. 17

    Svchost high CPU from Microsoft.BingWeather app errors

  18. 18

    Can't pre-populate phone number and message body in SMS link on iPhones when SMS app is not running in the background

  19. 19

    12.04.3--- Dconf Editor won't show com>canonical>unity option

  20. 20

    Any way to remove trailing whitespace *FOR EDITED* lines in Eclipse [for Java]?

  21. 21

    maven-jaxb2-plugin cannot generate classes due to two declarations cause a collision in ObjectFactory class

HotTag

Archive