Bottom Sheet React Native | Expo Tutorial 2022

[@sdinan]

Thank you for the tutorial! Couldn't get my layouts to work right & this instantly solved my problems :)

[@natizerai]

Thanks man and your english is very clear.

[@burakylmaz9973]

This video and your explanation has helped me immensely in my project Beto. Thank you.

[@Redstarcrew]

thank you for the video man, i really appreciate these small react native projects. Hope you continue making these

[@codewithbeto]

thanks! I will be uploading more content soon!

[@kelvinnimelyjr]

What about you use the backdropComponent for adding opacity when the BottomSheet Opens.

[@dearesthui]

Hi Beto, great video, thanks for this tutorial. Your English is great no worries.

[@asadanik5987]

I just looking which video will be more helpful and easier to learn. I watched more videos for this Bottom Sheet on React Native. But this one is just awesome and brother please keep it up new contents every single days. Awesome bro take love from Bangladesh

[@ByteVillain]

run expo start -c if you get cannot read toString() of undefined, it clears the cache before starting, it's a bug with react native reanimated

[@iRTerence]

You are a life saver

[@lakhey8057]

How to override navigation header with backdrop, can you make video on it?

[@PitZza143]

Awesome tutorial

[@codewithbeto]

Thank you!

[@PauloIcaro-pg2xk]

Best! 👍🔥

[@harshdeep7015]

How to dismiss bottom sheet after click on outside??

[@arpecop]

good sheet! 🤗

[@codewithbeto]

Thank you! 😊

[@ShivamPanchal-b6q]

how can we make a one bottom sheet common for whole project and send inner contents using props

[@kwesikayofficial3078]

what did you use for the alert

[@ManoelCarvalho]

Top d+ Beto!

[@OneTHPS]

Hey, is there possible to open bottom sheet when it close and swipe up in any place to open it ?

[@nikkit.1079]

Are you able to change the border top left and border top right radius? I'm trying to use style and backgroundStyle but it doesn't work

[@cesswhite]

Nice video, thanks

[@Winsoery]

Thank you

[@QuanNguyen-zi7yl]

Is react native bottom sheet library available on React native CLI ?

[@LebanCardozo]

does it work for cli project

[@d0minar]

how do you load this page with bottomsheet in a closed state?

[@d0minar]

figured it out. index={-1}

[@qwer-dn2wq]

Can I use it in Javascript not typescript?

[@Redstarcrew]

I noticed in your spanish channel that you created a chat application. Would be really appreciated if you could make the same app but in english

[@codewithbeto]

Ok, I'll work on that!

[@hungphan13999]

how could I close the bottom tab when I press outside?

[@mariosconnou9214]

Hello there. I get something odd which I cant seem to resolve. When I try to console log my sheetRef, it return a boolean. Is this normal? Thank you. Great Work :)

[@mohamedyoussef1311]

Awesome video +++++++++++++ 😀

[@oyewolesheddrack3642]

is there a way this can work in js?

[@duybangang9621]

How to show bottom sheet above bottom navigation ? Thanks Sir

[@codewithbeto]

I think there is a property in the bottom tab that allows you to hide it. Maybe this can help you stackoverflow.com/questions/56745881/how-to-hide-bottom-navigation-bar-on-a-specific-screen-in-react-native

[@lolekakaa]

in your _layout.tsx just wrap your stack in BottomSheetModalProvider, and then use bottom modal anywhere else

[@armisael2k]

Cómo puedo hacer que al abrir la app el bottom sheet no sea visible?

[@electrodiux-pbh]

Añade a BottomSheet la propiedad "index" a -1,

[@lecongduong6056]

i have an error : function component cannot have string refs. any solution

[@rizanurfatrisyam1177]

make sure you use typescript , is not remove from hook useRef

[@lecongduong6056]

@@rizanurfatrisyam1177 i used js, can i use this

[@zillahmwimali2857]

if you are using Javascript simply decaler the useRef() function, which should look like this const bottomSheetRef = useRef();

[@lakhey8057]

Why not use backdrop?

[@codewithbeto]

This package has more features but for this specific functionally backdrop could be a better fit, I'll try to make a video on that

[@Nibezak]

do expo and pouchdb I dare you

[@ByteVillain]

run expo start -c if you get cannot read toString() of undefined, it clears the cache before starting, it's a bug with react native reanimated