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

Поделиться
HTML-код
  • Опубликовано: 4 сен 2024

Комментарии • 23

  • @Kavsoft
    @Kavsoft  6 месяцев назад

    Updated Version:
    ruclips.net/video/d0y_f9kCSDk/видео.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!

  • @OBLIVIOUSKARI
    @OBLIVIOUSKARI Год назад

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

  • @pkt-dev
    @pkt-dev 3 месяца назад

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

  • @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 11 месяцев назад

    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  11 месяцев назад

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

    • @johannes_g
      @johannes_g 11 месяцев назад

      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 6 месяцев назад

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

  • @shimonbalzera8618
    @shimonbalzera8618 Год назад

    WOW!!

  • @damidami2843
    @damidami2843 9 месяцев назад

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

  • @luiscosta5284
    @luiscosta5284 11 месяцев назад

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

    • @Kavsoft
      @Kavsoft  11 месяцев назад

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

    • @luiscosta5284
      @luiscosta5284 11 месяцев назад

      correct @@Kavsoft

  • @ho6y
    @ho6y 9 месяцев назад

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

    • @Kavsoft
      @Kavsoft  9 месяцев назад

      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