Giter Site home page Giter Site logo

Comments (7)

CSolanaM avatar CSolanaM commented on July 29, 2024 1

Can you test your code with the library examples? By opening the Examples/SkeletonUI.xcworkspace file.

That's where I'm testing yours and was able to reproduce it, as well as changing the library. I noticed that if in SkeletonModifier.swift I change the onAppear to this:

            .onAppear {
                DispatchQueue.main.asyncAfter(deadline: .now() + .zero, execute: {
                    animate.toggle()
                })
            }

It even works fine without the After part:

            .onAppear {
                DispatchQueue.main.async {
                    animate.toggle()
                }
            }

It stops doing that side effect. Could you confirm this on your side? Thanks

from skeletonui.

CSolanaM avatar CSolanaM commented on July 29, 2024

I'm trying to reproduce the error with the snippet you provided but I can't. Can you add another example on how to reproduce it? or a video to see the issue?

Thanks!

from skeletonui.

callmeapplee avatar callmeapplee commented on July 29, 2024
2024-03-26.23.00.51.mov

from skeletonui.

CSolanaM avatar CSolanaM commented on July 29, 2024

Ok, now I can reproduce it, thanks for the video:

Can you try to move the .navigationBarTitleDisplayMode(.inline) line above the .skeleton(with: true, size: CGSize(width: 100, height: 100)) ?

In my tests it's working with your example.

This might be because the way SwiftUI works. In this case, the default height for the navigation bar would be the large one, and you're setting it to the inline one. This makes one value change to another one, and with the way modifiers work, if placed after the skeleton modifier, it will "inherit" the animation for that value. That's why the order is always important.

Anyway, I'll check if there's any way to prevent this animation to be propagated after the skeleton modifier. For now, just changing the order should work, I guess.

I'll be looking forward if this solutions also works for you.

Thanks!

from skeletonui.

callmeapplee avatar callmeapplee commented on July 29, 2024

I can't move .navigation Bar Title Display Mode(.inline) line above the view because, I have VStack and more than one view, that i should set skeleton.

Thank you for support.

from skeletonui.

CSolanaM avatar CSolanaM commented on July 29, 2024

@callmeapplee Hi, could you check that?

I'd like to know if that would work for you before releasing the fix.

Thanks

from skeletonui.

CSolanaM avatar CSolanaM commented on July 29, 2024

Fixed in 2.0.2

from skeletonui.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.