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
Thanks this really did help
Hi, how can we get gesture position
More projects sir ❤️
Can i npm i @gorhom/bottom-sheet@^4 or will it not work?? Dumb question i know. Just trying to confirm though.
@wewepolapy
Жыл бұрын
it will work i just tried
Can you link the source code for this project please? Thanks!
Is there a way to close the Bottom Sheet when the user clicks outside of it?
@lolekakaa
10 ай бұрын
const renderBackdrop = useCallback( (props: any) => , [] in bottomsheetmodale add backdropComponent={renderBackdrop} in import add BottomSheetBackdrop
@kelbig2579
9 ай бұрын
Kiss kiss
Gesture handler gives error
why every time I reload the Sheet is already visible?
@lolekakaa
10 ай бұрын
change botommodal index to -1
gorhom/bottom-sheet doesnt works, even shows errors with reaminated "valueUnpacker" and returns undefined functional component ;b its documentation is not cleary at all
for some reason dragging doesn't work on Android
@riahiyassine7703
Жыл бұрын
Yes I'm also facing the same problem on android
@AbdelrahmanAbuissa
Жыл бұрын
@@riahiyassine7703 found the answer here:
@eoisaacc
Жыл бұрын
You must add the around the
Hey, can you add the repo?
@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
it's not moving on android
@eoisaacc
Жыл бұрын
You must add the around the
It's not working on Android
@eoisaacc
Жыл бұрын
You must add the around the
ANyone with an idea why it's not dragging on android?
@bryanltobing
Жыл бұрын
you need to wrap your app with Gesture HandlerProvider
@eoisaacc
Жыл бұрын
You must add the around the
@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
Жыл бұрын
@@paularthur7589 Please elaborate on how to style the , because I currently have a blank screen after wrapping it around the
@stafa5568
Жыл бұрын
@@paularthur7589 Lol, I just solved it. this is the solution ... simply add a flex style on the GestureHandlerRootView
Bottom what!?? no need for profanity friend!