How to Make a Bottom Sheet with React Native Reanimated

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

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

  • @sefyundercover327
    @sefyundercover327 ปีที่แล้ว +9

    This is really useful to build UI patterns with reanimated without using another third party lib

  • @DippsoN
    @DippsoN ปีที่แล้ว +7

    zajebista robota chłopaki, więcej bym prosił o taki content

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

    Reanimated 3 is great, it will be nice to have more videos like this❤❤

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

    Awesome animation, outstanding tutorial 🎉

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

      Good to see you here 😊; following your tutorials for these things

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

    High quality tutorial, very helpful, keep going guys 🙌

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

    Cool! It'd be nice a tutorial on how to create a bottom sheet with scrollable content if it exceeds the screen height. That's a challenge that I'm facing at work right now

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

    Thank you for sharing!! Please keep adding more incredible tutorials :)

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

    This is amazing! Please keep doing ❤

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

    très bien fait, merci

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

    cool!, I'm waiting for more

  • @АлексейКудряшов-п8ц
    @АлексейКудряшов-п8ц ปีที่แล้ว

    This is really cool tutorial, thanks!

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

    More like this, please!

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

    Excellent 👏👏

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

    Looks promising and very simple, if done by an expert. I didn't understand most of it, although I have done some work with Animations in ReactNative, following the official docs and examples for Animated Views. I will have a deeper look into your tools, I guess.

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

    This is very good tutorial, thanks!

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

    Just subed;
    Please upload more often and use typescript for a change 😊

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

    great tutorial! keep them coming please :)

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

    awesome! This is exactly what i need

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

    oh, you started to make video guides, it's cool

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

      if you like it, we'll keep it up! Tell us what would you like to see next!

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

      ​@@SoftwareMansionkeep it up sir, maybe another tutorial like swiping a screen to left to go back previous screen

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

      ​@@SoftwareMansion i can propose to realise the drad and drop, once i was implementing it, but i had small problem with resizing. For example four images on the screen (two column and two row) and 4 blocks on the bottom in one row. When you tap and hold image, it become like small circle and move to bottom block, and onEnd event if image in block area it drops in the block, otherwise move to the initial position. I had a problem with the circle after press ad hold sometimes it resizes to incorrect position

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

    This is very interesting, 🤔🤔 how can we get only the charts that are on the screen; which API or magic methods can be used!? 7:22

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

    thank you for this tutorial

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

    Thanks!!😊

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

    Nice and simple, but I have a question. When using react navigation the bottom sheet would not cover the tabs/headers. Do you guys have a tutorial on how to create one that lives "outside" the app?

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

      Never mind, just figured haha Good tutorial though! Well done

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

    although i'm curious how could you find out and animate only those messages that are visible. if there are many messages, the animation would take a long while

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

    awesome

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

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

    Video idea to messure onLayout component then present it would be good ?

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

    it looks like you use dracula theme, what Vscode theme you are using ?

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

    Amazing, It Would be very helpful If u create a tutorial on how to create modal, Same like react native modal

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

      Because right now we can't show toast on top on react native modal🥲

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

    Awesome❤

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

    Thank you! It's great stuff. By the way, can someone help React Native Bottom Sheet to work on web?

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

    Cool. 🎉

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

    What about handling keyboard appearance

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

    does it work in the web

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

    Wait wait wait. withTiming can do colors??? 😱

  • @audunhilden
    @audunhilden 4 หลายเดือนก่อน +1

    really good video, but it would be better if you coded it with us instead of magically teleporting all the code througout the tutorial! :D

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

    Nice

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

    Bottom sheet make

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

    Cancelled