React Native Shared Element Transitions with Reanimated 3

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

КОМЕНТАРІ • 55

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

    Learn React Native FAST by becoming a member of Galaxies.dev today [FREE] galaxies.dev/reactnative

  • @ShawnChristopher10101
    @ShawnChristopher10101 Рік тому +4

    Thanks for the concise example...this was probably the most direct example I've seen, thanks again.

  • @Rekoide
    @Rekoide 7 місяців тому +2

    I love React Native, but watching you explain so fast and easy, makes me like React Native even more 😂

  • @davidadokuru8139
    @davidadokuru8139 Рік тому +3

    Loved this
    Always giving what I need right now

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

      Love to see the new features working so awesome 🔥

  • @dericbytes
    @dericbytes 8 місяців тому

    Really helpful. Nice compact tutorial. Thanks

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

    WOW! Thank you!

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

    great video BOSS ! i'm sharing !

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

    Great video! Really easy to follow. What extension do you use for auto import while typing btw? Extension that is available called Auto Import doesn't work for some reason.

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

    Fantastic video

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

    Really impressive

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

    Hi.
    I follow the tutorial and it works but when I use it into a tab, it doesn't make the animation.
    Do you know how to show the animation transition inside a tab?

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

    love it

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

    great day!

  • @juliocesarcosta8168
    @juliocesarcosta8168 5 місяців тому

    this present="modal" from react router only work in ios right? I can't make this on android

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

    First, thank you!! Super helpful. Do you know if Shared Element Transitions work with Expo Dev Client builds? I got this all working w/ Expo Go no problem but doesn't seem to work in my dev client. Any thoughts?

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

      They definitely should! Did you see any errors or notice something strange?

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

      No errors that I saw at that point - according to their team it should work no problem, so now that I know that it should work, I'm going to dig in a bit more & try to get to the bottom of it. Thanks - maybe i'll reach out if I have any specific lorgs/breadcrumbs to follow@@galaxies_dev

  • @anakinskywalker192
    @anakinskywalker192 3 місяці тому +1

    The shared transition tag is not working for me, I'm using expo 51 and reanimated 3.10, anyone have the same issue?

    • @arixmotions
      @arixmotions 3 місяці тому

      Same, i think its because of expo router. It used to be only supported for react navigation. My images have an exit animation but dont have an enter animation. And once im out of the screen, it makes the tagged element disappear. Maybe a bug? My code should be fine according to logs it passes the correct tags and images so im not really sure why either

    • @SayeedAfridi-p6x
      @SayeedAfridi-p6x Місяць тому

      @@arixmotions Did you guys got any other solution for this ?

    • @arixmotions
      @arixmotions Місяць тому

      @@SayeedAfridi-p6x im planning on reworking my ui with react nav instead since it is fully supported there. haven't found any solution to it

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

    Hey Simon...is NFC supported in ionic 5? If so, can you please post videos of reading and writing NFC in ionic with amgular

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

      There should be an according Capacitor plugin but I haven't tried yet.

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

    thank you

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

    does it works for expo projects react native?.. is there a reference for your whole project demo to download and test it ?

  • @sivsovanpanhavorn6296
    @sivsovanpanhavorn6296 4 місяці тому

    Does this work on android for the shared transition tag?

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

    Will this work on React native CLI

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

    i like u to do a full course on reanimated 3

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

    I can’t make it work with solito / tamagui on both web & mobile 😢

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

    Hey simon can you do it with ionic or html and css

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

    does ionic with angular have something like this?

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

      I don't think Reanimated works with Angular yet..

  • @adelashour3253
    @adelashour3253 9 місяців тому

    It is experimental as the documentation says and not recommended, and it is buggy in real apps that fetches data from server

    • @galaxies_dev
      @galaxies_dev  8 місяців тому +1

      Yeah it's not yet production ready, agree!

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

    Hi Simon, I was following your tutorial on android, all works well till the sharedTransitionTag then on clicking from index to model, no animation occurs, but on going back it crashes with an error, Attempt to invoke virtual method 'java....renanimated. Any help would be greatly apprciated, as I have been trying for some time.

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

      It's still in beta and I also experienced issues now with Expo Router.. No problems with just React Navigation though!

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

      Getting the same thing

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

    my only question is, i hate the slow duration of 500ms, HOW CAN I MAKE IS FASTER???? I am trying to figure out for 4 days and still nothing :(

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

      you can always set the duration yourself for animations!

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

      @@galaxies_dev but i dont know how🥺or where? for this exact animation.

  • @ШынгысБукенов
    @ШынгысБукенов 8 місяців тому

    Hello! shared transition element does not work example from the official Reanimated 3 website. Can anyone help. expo 50. Android. React Native 0.73.4

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

    hi thanks for the video can you make a video on google and facebook login/signup integration or phone pay and gpay integration this type videos are not available on youtube as a beginner we need more videos on this type topics
    react native cli...

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

    Simon faz um video do Astro...