Nested Scaffolds redundantly move contents up when there's a keyboard

[Hixie]

Scaffolds indiscriminately apply the MediaQuery.of(context).padding, so if you nest them they double up on trying to get out of the way of keyboards.

They should probably put a MediaQuery around their body themselves that removes the padding that they handle.

(A workaround in the meantime is to tell your inner scaffold not to resizeToAvoidBottomPadding.)

[abarth]

Yeah, we need to consume the padding in the scaffold.

[Hixie]

Probably we should also make sure we handle the status bar.

[Hixie]

cc @cbracken I think we did this, right?

[Heasummn]

Running Flutter 1.0.0 and SDK 28.0.3, I still see this bug. Using resizeToAvoidBottomPadding on the inner scaffold fixes the problem, but I feel as if there is a better way to do this.

[zoechi]

@Heasummn is there a specific reason you need to nest Scaffold? Scaffold is not designed to be nested.

[Heasummn]

I have repeated logic/ui that uses a FAB and general content, but I would like the App Bar to be seperate from that logic. If there's another way to get a FAB without a scaffold, I would definitely use that instead.

[zoechi]

@Heasummn I'd suggest to ask support questions in one of the other channels listed at http://flutter.io/support .

[aryzhov]

Nested scaffolds are necessary. Consider an app that has a bottom navigation bar, and each tab has has a different app bar (with different actions, for example). An example is described in detail in this blog article.

[aryzhov]

Perhaps the whole concept of a scaffold is broken, as this widget tries to do too many things: managing model popups, involved in navigation, etc. If nested scaffolds are not possible, we need Scaffold to be composed of multiple, reusable widgets.

[zoechi]

@aryzhov that was changed recently to make nested Scaffolds work. Try dev or master channel.

[zoechi]

@aryzhov feel free to build your own widget that does exactly what you need instead of using provided ones.

[zoechi]

See also #26259

[aryzhov]

As of 1.1.8, nested scaffolds appear to be working but resizeToAvoidBottomPadding: false is still necessary for the outer Scaffold.

[github-actions]

This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue.