Flutter Eng. Is this normal or am I overthinking 😂?

Only a retard will palce sign up form in a bottomsheet.

I was reading about this, yeah seems to be not a good practice in terms of UX, thanks ! I’ll update real soon

Holy crap!!! I am facing the same issue, with expo the bottom sheet input box is behind keyboard, need to figure out a way to move the complete bottom sheet above the keyboard when focused on input. I love internet !!!, literally unbelievable, yesterday I am facing this issue.

@Mohit13_10 Really ? 😭😂 I thought I was suffering alone. Did you find a solution ? I decided to remove the sign in/up flow from bottom sheet.

No, I created the app just as instinct for my use case, never created a react native app before.

@Mohit13_10 Oh I got it , so no need to stress out for now

Signup form in a bottom sheet is bad UX. Just some constructive feedback there

Thanks for that boss, this is what I need, constructive feedback, I will change definitely

if the functionality works just move on for now

You said it all 🥳✅✅

Its because deug mode

Cool, I improved a bit and I will see how it will behave on production

I want to code I want to code Now I don code 😂😅😂

😂😂😂

No, you have a widget size issue when it's growing out. You'll find the dirty widget when you trigger the modal

Yes, found it , it was overflowing as well but I’m improving

I don't think it's great to put the sign up UI in a sheet like that though

Not a good , fair enough, decided to change it

I saw some render flex error there and at the same time a bottom sheet for a sign up is not considered best ux practice.

Yeah it had some overflow but fixed

@grok please give context

It is 😅

Wrap it with SingleChildScrollView (padding: EdgeInsets.only( bottom: MediaQuery.of(context).viewInsets.bottom, ),) with that padding.

Even though i changed the ui, by I will definitely try this out, thanks

Sometimes on comes with a lagging...

Sign up for 👍🏾

You need to add the mediaquery.viewpadding.bottom inside the bottom sheet itself

It's not normal.

Instead of pushing the whole thing to the top, why don't we just add some padding to the bottom? When the keyboard appears, we can add padding equal to the keyboard's height.

Not normal. Usually pretty smooth.

Definitely, need to polish this even more

It’s is, but there are some overflow errors on the background

Yeah I got it after rewatching the video , got fix it

Let’s connect, I’m a flutter dev too😎

Happens only in debug. You can check the debug log to see what's causing the render overflow or just ignore it since it's not critical lol 😆

😂😂😂 render overflow was fixed as well and move from sheet to page

Le user lambda s'en fou de ce truc

Login/signup in bottom sheet is really a bad ux. Also it seems like it's a debug build test using release build.

yeah auth flow already removed from bottom sheets, thanks

Sneak it to prod, no one will notice 👀👀

Hmm maybe not better fix it before is to late

im not creating account with email and password on mobile device

Yeah me too I never, create account with email and password, Google or Apple sign are my preferred options, but I when it’s product requirements yeah

test in release mode

Some people are saying that, I will test before I remove the login form from bottom sheet

It’s not normal U need to check bottom overflow for that widget

Checked this earlier and it’s already fixed

lol not normal bro fix your layout

Definitely need to be fixed

Just don't use bottom sheets. Simple🫪

Saw this too😂.. I thought I was doing something wrong till I noticed it was the new flutter thing😂😂

😂😂😂😂😂😂 did you manage to solve the issue? 😂

Since it didn’t break anything, we survive😂😂😂😂

🤣🤣🤣 this is the most important , not breaking nothing 🤣 and we’re good

😂😂

Sign up form in a bottom sheet

Seems to be a bit odd 😂 I will remove from bottom sheet

Faced similar issues recently

How did you overcome this ?

If it doesn’t affect any serious functionality, don’t fix it

😂😂😂 I stopped stressing out about this, and remove the auth flow from sheets , will use pages for that

Pixel issue

Yeah might be

Why is your form a bottomsheet in the first place

Already changed , no forms in the sheet again

Just put the content in a scroll view

The content was inside a scroll view but, the issue was the height of the sheet, the keyboard was appearing above the sheet and the fields weren’t visible

Chances are you’ve fixed it by now. If not, I think this snippet might help. The “builder” would be the content of the bottomsheet

I removed the login form from the sheet and put inside a page, but thanks for the snippet, I’ll check it out and use as soon as possible.