Animated FlatList in React Native (Reanimated)

แชร์
ฝัง
  • เผยแพร่เมื่อ 8 ก.ย. 2024

ความคิดเห็น • 42

  • @fabriziadicristo5777
    @fabriziadicristo5777 ปีที่แล้ว +10

    So excited to watch a new video from your channel🧐 keep it up!

  • @MH-zt1do
    @MH-zt1do ปีที่แล้ว +5

    Awesome stuff!
    Thank you so much for creating these videos and sharing knowledge 🙏

  • @raymondmichael4987
    @raymondmichael4987 ปีที่แล้ว +4

    It’s good to see you back

  • @ahmetbasdan53
    @ahmetbasdan53 ปีที่แล้ว +3

    thank you so much for the video👍

  • @VictorDequidt
    @VictorDequidt ปีที่แล้ว +4

    Yeah new video !! Nice :D ! Keep it up !

  • @macon5696
    @macon5696 ปีที่แล้ว +6

    instead of "Boolean(array.filter())" you can also use - "array.some()"

    • @Reactiive
      @Reactiive  ปีที่แล้ว +1

      Super great suggestion. Thank you very much (I'm going to fix the source code as soon as possible)

  • @doniaelfouly4142
    @doniaelfouly4142 ปีที่แล้ว +3

    AMAZiNG ! thanks

  • @felipemelendez5741
    @felipemelendez5741 6 หลายเดือนก่อน

    Another awesome tutorial from you and another great gift for us, thank you!

  • @topmusicrelaxation2227
    @topmusicrelaxation2227 ปีที่แล้ว +3

    Great tutorial 👏🎉🥳

  • @ejikeezekwunem4162
    @ejikeezekwunem4162 ปีที่แล้ว +1

    I can't thank you enough for these awesome tutorial series. Thank you so much

  • @asadraza4522
    @asadraza4522 ปีที่แล้ว +3

    Great Work 👍

  • @user-pz6kr7px3i
    @user-pz6kr7px3i ปีที่แล้ว +1

    Thank you! Your channel is great!

  • @DigitalAndTradingSolutions
    @DigitalAndTradingSolutions ปีที่แล้ว

    another simple yet very useful video watched , created by a really master of animation

  • @miracleokonkwo4130
    @miracleokonkwo4130 หลายเดือนก่อน

    You are awesome!

  • @bayramarif526
    @bayramarif526 ปีที่แล้ว +5

    very good... but iterating over the all array again in every single item might not be the best practive i think. becouse thats 50x50 iterations in your use case

  • @yurkenowl
    @yurkenowl ปีที่แล้ว +1

    thanks a lot love your content

  • @benji9325
    @benji9325 ปีที่แล้ว +1

    Bro we need more contents!

  • @charlielee3945
    @charlielee3945 ปีที่แล้ว +1

    This channel is a gem

  • @dglalperen
    @dglalperen ปีที่แล้ว

    So underrated !!! thanks for the quality content

  • @MuhammadHussain-codr
    @MuhammadHussain-codr ปีที่แล้ว

    Make animation go to a specific point for reference deleting a list item will pop and go to dustbin with animatiom

  • @alirezahadjar
    @alirezahadjar ปีที่แล้ว +2

    Nice job.
    I think it is possible to use this method to simulate the mesaages app on ios. (Little movement of items when they become visible). Am I right?

    • @Reactiive
      @Reactiive  ปีที่แล้ว +2

      Hi Alireza, thanks for the feedback. In that case the animation depends on the item visibility, on the Messages app instead the animation appears continuously on the scroll. I think that some code can be definitely reused across both animations but there are few changes needed

  • @rubenjamesdelacruz3230
    @rubenjamesdelacruz3230 ปีที่แล้ว +1

    Im experiencing an issue wherein, when im calling a Useeffect with a dispatch within the screen. it causes, an error stating `Invariant Violation: Changing onViewableItemsChanged on the fly is not supported`. seems to me this will only work on static datas.

    • @tuan1842
      @tuan1842 ปีที่แล้ว

      me too!

  • @slemaniit8467
    @slemaniit8467 ปีที่แล้ว

    I really liked your tutorial, and I know you most likely using Expo can you create a React Native project, and install and configure Reanimated without Expo? (If it is possible)

  • @tuan1842
    @tuan1842 ปีที่แล้ว

    *very good.... but i can't handle pagination with it, system gives error: "Invariant Violation: Changing onViewableItemsChanged on the fly is not supported", please help me*

  • @arupde6320
    @arupde6320 ปีที่แล้ว +5

    be regular

  • @tuan1842
    @tuan1842 ปีที่แล้ว

    *i have 1 textinput box in screen, when i type from keyboard, the system gives error: "Invariant Violation: Changing onViewableItemsChanged on the fly is not supported", please help me*

  • @patricio758
    @patricio758 ปีที่แล้ว

    I get this error at scrolling :( Invariant Violation: Changing onViewableItemsChanged on the fly is not supported

  • @XAH30
    @XAH30 ปีที่แล้ว

    What about android? During the animation on android there are strong twitches and the animation in general works strangely.

  • @micoberss5579
    @micoberss5579 ปีที่แล้ว

    Which snippet package are you using?

  • @ejdatertas21
    @ejdatertas21 5 หลายเดือนก่อน

    perfecto

  • @028-manikandan3
    @028-manikandan3 ปีที่แล้ว

    Regular videos put reactnative with typescript please

  • @saviodev777
    @saviodev777 ปีที่แล้ว

    in my project, even with React.memo, dont re render in ListItem :(

  • @hoangtranvietdev
    @hoangtranvietdev ปีที่แล้ว

    Awesome!
    please let me know snippet you used. thanks!

    • @tuan1842
      @tuan1842 ปีที่แล้ว

      *ồ hello ông anh, e thấy cái này nó chỉ hoạt động với dữ liệu tĩnh, khi data thay đổi hay state thay đổi nó đều bị lỗi, không biết ông anh có cách khác phục ko chỉ e với*

    • @cuonglehuu7762
      @cuonglehuu7762 10 หลายเดือนก่อน

      @@tuan1842 hello bro mình cũng đang áp dụng thử cách này nhưng cũng bị lỗi. không biết bro fix được chưa?

  • @ThomazMartinez
    @ThomazMartinez ปีที่แล้ว

    Hm looks like lagy animations no?

  • @RitikaSaini-xf6tg
    @RitikaSaini-xf6tg ปีที่แล้ว

    kindly change your channel name reactiive to reactive because sometimes its difficult to find on youtube whne we suggest it to our friends

  • @ismael3521
    @ismael3521 ปีที่แล้ว

    😋 p͎r͎o͎m͎o͎s͎m͎