React Native Bottom Sheet with Back Drop from Scratch using Reanimated 2 and Gesture Handler

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

КОМЕНТАРІ • 32

  • @memostartup281
    @memostartup281 2 роки тому +1

    This is really great tutorial thanks for sharing 😀

    • @rakhawibowo
      @rakhawibowo  2 роки тому

      Thank you for watching this video, i hope this video can help you

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

    Great! Thanks

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

      Hey thank you for watching this video, i really appreciate it

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

    Thank you for the amazing work

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

      Hey, Thanks for watching this video

  • @666thales666
    @666thales666 2 роки тому

    Awesome! Thanks man

    • @rakhawibowo
      @rakhawibowo  2 роки тому

      Thank you for watching this video

  • @shinmini99
    @shinmini99 2 роки тому

    사랑해요

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

    Hi Rakha ! First of all, you are doing a great job for the community. Big thanks! I have a problem with Bottom Sheet because I’m working with React Navigation and when I trigger it the bottom sheet is shown under the BottomTabsNavigation and below the navigation header. Can you help me cover all screens with the Bottom Sheet ?

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

      Hey thanks i really appreciate it, you can put BottomSheet components outside Tab.Navigator, here's an example I made with Snack snack.expo.dev/@rakha112/bottom-sheet-bottom-tab

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

      @@rakhawibowo I really liked your solution and I have just one question: if I want to customize the BottomSheet content, do I need to put all BottomSheet versions inside the NavigationContainer?

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

      @@eduardokohn9134 I think you can put the BottomSheet inside the NavigationContainer or outside the NavigationContainer

  • @memostartup281
    @memostartup281 2 роки тому +1

    Sir please make tutorial also on react native video how give custom controls

    • @rakhawibowo
      @rakhawibowo  2 роки тому

      it's already on my list, please wait for it

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

    Thats cool bro!
    how if the children contain scrollable view like using scrollview or flatlist?
    can you help me explain or update the code?
    Thanks

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

      Thank you for watching this video, you can use ScrollView as children of bottomsheet, If using ScrollView from react native doesn't work, you can use ScrollView from react-native-gesture-handler

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

      okay, I'll try later. is it not an issue when there is a scrollview then when you want to close the bottom sheet by swiping down?

  • @junangameplays3271
    @junangameplays3271 2 роки тому

    Awesome videos man! Can you make a slider of two values ? min value and max value for price for example! thank you

    • @666thales666
      @666thales666 2 роки тому

      ua-cam.com/video/EOoQl1gEbSM/v-deo.html

    • @junangameplays3271
      @junangameplays3271 2 роки тому

      @@666thales666 thanks so much

    • @rakhawibowo
      @rakhawibowo  2 роки тому

      Thank you for watching this video, I will try to make it

    • @rakhawibowo
      @rakhawibowo  2 роки тому

      Hello, I just uploaded a video about the Range Slider ua-cam.com/video/sZ0BDG9PAd4/v-deo.html, I hope the video can help you, Thanks

    • @junangameplays3271
      @junangameplays3271 2 роки тому

      @@rakhawibowo awesooooooooome

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

    Who need this shit with hardcoded height?

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

    Hi Rakha! I have seen your bottom sheet video so, in bottom sheet I want to use your animated checkbox. I have tried but it crashed in Android. Could you please help me out?

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

      Hello tthanks for watching the video, i really appreciate it. I have tried using the checkbox on the bottom sheet and there is no problem, can you tell me which version of react native, reanimated and android you are using?

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

      ​@@rakhawibowo react-native-reanimated : 2.17.0 , react-native : 0.70.6

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

      @@flycoder9125 and what version of android are you using ?

  • @bayramarif526
    @bayramarif526 2 роки тому

    What about if there is a scrollable inside it?

    • @rakhawibowo
      @rakhawibowo  2 роки тому +1

      Thank you for watching this video, you can use ScrollView as children of bottomsheet

    • @rakhawibowo
      @rakhawibowo  2 роки тому +1

      If using ScrollView from react native doesn't work, you can use ScrollView from react-native-gesture-handler