React Native Bottom Sheet Tutorial with Profile Screen

In this tutorial, you'll learn how to create a bottom sheet in react native app. Along with that, I have shown you how to create a profile screen UI and edit profile screen UI.

► Timestamps
0:00 Project Introduction
1:55 Profile Screen UI
9:09 Profile Screen Header
13:18 Edit Profile Screen UI
21:38 Create Bottom Sheet

[romariofitzgerald]

Great Tutorial!
For those on Android add

to your BottomSheet to get the clicks working

[mariogalindo]

nice tutorial, a week ago I had a question how to do a bottom sheet, but many thanks for your help!

[pallavkarya]

This tutorial series is great.
So helpful.
keep it up!

[shrikantjha]

Hey man you know what I don't like all Youtubers in this domain but your content is really balanced I like it.
Underrated Channnel

[angelsarah]

*Pradip Debnath* Perfect as always. Love you <3

[MrAnu]

You're a legend, nice tutorial and please don't forget to update your repo

[Balaji-cizw]

Nice one, I'm eagerly waiting for it. Thanks buddy

[sanwarhussain]

Thank you mate, that was very helpful. Keep up thegood work..

[sovannborithyun]

Doesn’t work for me. Butt sheet doesn’t show up. Just copy your files and install the required modules. Any idea? Thanks

[SauravKumar-vbtq]

Can we make the bottom sheet appear above the footer bottom tab (or) the footer shd not be shown when the bottom sheet is open?

[partabparmar]

@Pradip Debnath, sir huge respect to you, plenty of prayers and wishes for your success and happiness to almighty lord, your content is very helpfull and usefull stuff for the student like, its a great credit goes to

[samuelmotorsltd]

Please, I am trying to figure out how to do this; For example, when a user clicks on the Profile bottom's tab, the bottom sheet pops up and blur any other current screen. A bottom sheet that shows additional footers. Any suggestions will help. Thanks

[.birewaraishwarya]

TypeError: undefined is not an object (evaluating '_this.bs.current')
How to solve this error

[wandremark]

Hey man, why when I click on input field the bottom sheet appears?

[samuelmotorsltd]

I don't know the reason doesn't work on Android emulator.

[matinzd]

It was awesome but It is better to use start and end instead of left and right whenever possible in margin or padding.

[mahekdembra]

It only work for expo? Or react native cli or both?

[AlfazBaig]

Everything is understandable but I have one doubt when you are using a functional component then why you are using "this" to refer?

[samuelmotorsltd]

Is ternary operator an option here, though it did not work for me "paddingBottom: Platform.OS === 'ios' ? 0 : 20"

[diogopinhel]

Hello, does the program have a database to store user data? name etc