Building Twitter Bottom Sheet with React Native | Tutorial Expo

Ғылым және технология

Hey what's up guys, In this video we learn how to create a beautiful bottom sheet modal using React Native
React Native Course 👉🏼 codewithbeto.dev/learn
My new channel 👉🏼 / @codewithbeto1
For resources go to Code With Beto 👉🏼 codewithbeto.dev
Join the Discord: / discord
👨🏻‍💻 ☕️ 🌟 Would you like to support me? Sponsor me on GitHub🌟 ☕️ 👨🏻‍💻
github.com/betomoedano
⭐️ If you want to learn more about me, check this links:
Twitter: / betomoedano
Instagram: / betomoedano. .
Github: github.com/betomoedano
Linkedin: / betomoedano
Discord: / discord
Code With Beto: codewithbeto.vercel.app/
Medium: / betomoedano01
Figma: www.figma.com/@betomoedano
My channel in Spanish: / betomoedano
⭐️ My apps & projects:
► Code With Beto: codewithbeto.vercel.app/
► Eco Studios: ecodev.netlify.app
⭐️ Contact: betomoedano@outlook.com

Пікірлер: 34

  • @techemoji4484
    @techemoji4484 Жыл бұрын

    Thanks this really did help

  • @rohitdhingra3170
    @rohitdhingra317010 ай бұрын

    Hi, how can we get gesture position

  • @frostyfreezemovies
    @frostyfreezemovies Жыл бұрын

    More projects sir ❤️

  • @raffacr7480
    @raffacr7480 Жыл бұрын

    Can i npm i @gorhom/bottom-sheet@^4 or will it not work?? Dumb question i know. Just trying to confirm though.

  • @wewepolapy

    @wewepolapy

    Жыл бұрын

    it will work i just tried

  • @brandonyan7034
    @brandonyan7034 Жыл бұрын

    Can you link the source code for this project please? Thanks!

  • @firco1897
    @firco189710 ай бұрын

    Is there a way to close the Bottom Sheet when the user clicks outside of it?

  • @lolekakaa

    @lolekakaa

    10 ай бұрын

    const renderBackdrop = useCallback( (props: any) => , [] in bottomsheetmodale add backdropComponent={renderBackdrop} in import add BottomSheetBackdrop

  • @kelbig2579

    @kelbig2579

    9 ай бұрын

    Kiss kiss

  • @gamebull2822
    @gamebull28223 ай бұрын

    Gesture handler gives error

  • @asvicnal8483
    @asvicnal848311 ай бұрын

    why every time I reload the Sheet is already visible?

  • @lolekakaa

    @lolekakaa

    10 ай бұрын

    change botommodal index to -1

  • @horimiyarawstyle
    @horimiyarawstyle10 ай бұрын

    gorhom/bottom-sheet doesnt works, even shows errors with reaminated "valueUnpacker" and returns undefined functional component ;b its documentation is not cleary at all

  • @AbdelrahmanAbuissa
    @AbdelrahmanAbuissa Жыл бұрын

    for some reason dragging doesn't work on Android

  • @riahiyassine7703

    @riahiyassine7703

    Жыл бұрын

    Yes I'm also facing the same problem on android

  • @AbdelrahmanAbuissa

    @AbdelrahmanAbuissa

    Жыл бұрын

    @@riahiyassine7703 found the answer here:

  • @eoisaacc

    @eoisaacc

    Жыл бұрын

    You must add the around the

  • @audunhilden
    @audunhilden11 ай бұрын

    Hey, can you add the repo?

  • @codewithbeto

    @codewithbeto

    11 ай бұрын

    Sorry about that! Here's the repo: github.com/betomoedano/bottom-sheet-modal-react-native For deps and instructions you can follow this guide: codewithbeto.dev/projects/bottomSheetModal

  • @SoulaimaneOuhmida
    @SoulaimaneOuhmida Жыл бұрын

    it's not moving on android

  • @eoisaacc

    @eoisaacc

    Жыл бұрын

    You must add the around the

  • @akashchopra1453
    @akashchopra1453 Жыл бұрын

    It's not working on Android

  • @eoisaacc

    @eoisaacc

    Жыл бұрын

    You must add the around the

  • @lumsism
    @lumsism Жыл бұрын

    ANyone with an idea why it's not dragging on android?

  • @bryanltobing

    @bryanltobing

    Жыл бұрын

    you need to wrap your app with Gesture HandlerProvider

  • @eoisaacc

    @eoisaacc

    Жыл бұрын

    You must add the around the

  • @paularthur7589

    @paularthur7589

    Жыл бұрын

    Faced the same issue too. Apparently, to fix it, just wrap your entire Layout in a imported from 'react-native-gesture-handler' PS. The kinda works like a normal component will. So be sure to style it like you would your wrappers to avoid a blank screen issue. Hope this helps.

  • @stafa5568

    @stafa5568

    Жыл бұрын

    @@paularthur7589 Please elaborate on how to style the , because I currently have a blank screen after wrapping it around the

  • @stafa5568

    @stafa5568

    Жыл бұрын

    @@paularthur7589 Lol, I just solved it. this is the solution ... simply add a flex style on the GestureHandlerRootView

  • @sethbarlow4396
    @sethbarlow43963 ай бұрын

    Bottom what!?? no need for profanity friend!

Келесі