SwiftUI NavigationStack Hero Animation Effect - Custom Matched Geometry Effect - iOS 17 - Xcode 15

Поділитися
Вставка
  • Опубліковано 10 жов 2024

КОМЕНТАРІ • 23

  • @Kavsoft
    @Kavsoft  7 місяців тому

    Updated Version:
    ua-cam.com/video/d0y_f9kCSDk/v-deo.html

  • @bilalsimsek7306
    @bilalsimsek7306 Рік тому +2

    Great tutorial..

  • @jacobzheng3792
    @jacobzheng3792 Рік тому +2

    Finally! It seems much better than the .matchedGeometryEffect() modifier.

  • @andrejkling3886
    @andrejkling3886 Рік тому +2

    Amazing achievement 👍

  • @jazz_devk1
    @jazz_devk1 Рік тому +1

    though placing photos over screen main size works!

  • @pkt-dev
    @pkt-dev 4 місяці тому

    looking super cool , instead of 0.45 delay can we use @State true on appear then perform tupple action ?

  • @OBLIVIOUSKARI
    @OBLIVIOUSKARI Рік тому

    God that looks amazing. Wondering I can wrap that into something reusable.

  • @t0p1c85
    @t0p1c85 Рік тому +1

    Is the animation effect only works on snappy?
    I'd try spring and easeInOut, but it didn't work properly with the image animation.
    TKS!

    • @Kavsoft
      @Kavsoft  Рік тому

      I just tested with spring, bouncy, and InteractiveSpring animations; it’s fine; even easeInOut is working, but when using easeInOut, the image is pushed to top left, and it’s expanding from there.

    • @t0p1c85
      @t0p1c85 Рік тому

      @@Kavsoft My image animation can't work properly by dismiss the DetailView. It can zoom in the picture, but it can't zoom back out.

  • @OBLIVIOUSKARI
    @OBLIVIOUSKARI Рік тому +1

    Does this work on ios16?

  • @johannes_g
    @johannes_g Рік тому

    Hey, great content! But I have a question: How would you deal with the overlay on the home view going beyond the bounds of the list when it scrolls?

    • @Kavsoft
      @Kavsoft  Рік тому

      Hi, just to clarify, did you ask about how to add a detail view as a scroll view?

    • @johannes_g
      @johannes_g Рік тому

      There is an issue with the overlay image placed on top of the List. Because whatever content is vertically above the List will be hidden below the overlay image since the overlay does not respect the boundaries of the List - the overlay images will scroll beyond the bounds of the List. Try placing any view in a VStack with your List, and you will understand my issue.

    • @King_Slayer_06
      @King_Slayer_06 7 місяців тому

      @@johannes_g Hey did you find solution to this? I'm also facing same issue.

  • @shimonbalzera8618
    @shimonbalzera8618 Рік тому

    WOW!!

  • @luiscosta5284
    @luiscosta5284 Рік тому

    Similar question as others here, how can you overlay a scroll view for long content?

    • @Kavsoft
      @Kavsoft  Рік тому

      Just for clarification, are you asking how to convert the detail view into a scrollable view?

    • @luiscosta5284
      @luiscosta5284 Рік тому

      correct @@Kavsoft

  • @damidami2843
    @damidami2843 10 місяців тому

    Its so sad that you can’t do this between pages using navigationlink

  • @ho6y
    @ho6y 10 місяців тому

    So there is no way to do this through NavigationLink? :( makes the code messy

    • @Kavsoft
      @Kavsoft  10 місяців тому

      As of now, the matchedgeometry effect won’t work on sheets or navigation links.

  • @jazz_devk1
    @jazz_devk1 Рік тому

    stopped my code during injection of new content