Animated FlatList in React Native (Reanimated)

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

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

  • @fabrizia5777
    @fabrizia5777 2 года назад +10

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

  • @raymondmichael4987
    @raymondmichael4987 2 года назад +4

    It’s good to see you back

  • @felipemelendez5741
    @felipemelendez5741 10 месяцев назад

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

  • @MH-zt1do
    @MH-zt1do 2 года назад +5

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

  • @VictorDequidt
    @VictorDequidt 2 года назад +4

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

  • @doniaelfouly4142
    @doniaelfouly4142 2 года назад +3

    AMAZiNG ! thanks

  • @ejikeezekwunem4162
    @ejikeezekwunem4162 Год назад +1

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

  • @ahmetbasdan53
    @ahmetbasdan53 2 года назад +3

    thank you so much for the video👍

  • @topmusicrelaxation2227
    @topmusicrelaxation2227 2 года назад +3

    Great tutorial 👏🎉🥳

  • @АлексейКудряшов-п8ц
    @АлексейКудряшов-п8ц 2 года назад +1

    Thank you! Your channel is great!

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

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

  • @asadraza4522
    @asadraza4522 2 года назад +3

    Great Work 👍

  • @charlielee3945
    @charlielee3945 2 года назад +1

    This channel is a gem

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

    So underrated !!! thanks for the quality content

  • @yurkenowl
    @yurkenowl 2 года назад +1

    thanks a lot love your content

  • @benji9325
    @benji9325 Год назад +1

    Bro we need more contents!

  • @bayramarif526
    @bayramarif526 2 года назад +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

  • @miracleokonkwo4130
    @miracleokonkwo4130 5 месяцев назад

    You are awesome!

  • @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.

  • @alirezahadjar
    @alirezahadjar 2 года назад +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 года назад +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

  • @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*

  • @macon5696
    @macon5696 2 года назад +6

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

    • @Reactiive
      @Reactiive  2 года назад +1

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

  • @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

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

    Which snippet package are you using?

  • @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

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

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

  • @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)

  • @hoangtranvietdev
    @hoangtranvietdev 2 года назад

    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 Год назад

      @@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?

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

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

  • @028-manikandan3
    @028-manikandan3 Год назад

    Regular videos put reactnative with typescript please

  • @arupde6320
    @arupde6320 2 года назад +5

    be regular

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

    Hm looks like lagy animations no?

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

    perfecto

  • @RitikaSaini-xf6tg
    @RitikaSaini-xf6tg 2 года назад

    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 2 года назад

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