I just want to be able to Shape theme the Drawer border radius for its visible side, so correct side is rounded regardless of if Drawer is used in Scaffold drawer or endDrawer, and be directionality aware as well for these cases.

The last one might be tricky, since the widget itself or theme for it has no knowledge of that. Then when those widget props or theme props are used, let the widget figure out which corners should be rounded based on current directionality or if it is used in Scaffold drawer or endDrawer property. Could be something like visible corner radius, and screen edge corner radius (in addition to current general border radius, well Shape actually). My comment was only concerning making the current Drawer have more theming properties. In that case I think the existing simple Drawer container should still exist and be available as starting point for own custom menus, like today. Still a new additional drawer/menu widget with more out of the box features would also be useful, but for different reasons. Rather, it would beīetter to add a listener to the TabController that updates theĬontent_copy TabController(vsync: tickerProvider, length: tabCount).addListener(() )Ĭreates a visual scaffold for Material Design widgets.I actually agree with you, it was that suggested making a new one. View a scaffold with a differently titled AppBar.

Tabbed UI, where the bottomNavigationBar is a TabBarĪnd the body is a TabBarView, you might be tempted to make each tab bar It is typically not necessary to nest Scaffolds. Material's basic visual layout structure. To each route on a Material app will provide the app with The Scaffold is designed to be a top level container forĪ MaterialApp. Scaffold.floatingActionButton is scaled down through an animation with a Curves.easeIn, andĭisappears when the bottom sheet covers the entire Scaffold.Īnd as soon as the bottom sheet is dragged down to cover less than 70% of the Scaffold, the scrimĭisappears and Scaffold.floatingActionButton animates back to its normal size.Scaffold starts to show scrim (see ScaffoldState.showBodyScrim), and.Scaffold.floatingActionButton is set, and the bottom sheet is dragged toĬover greater than 70% of the Scaffold's height, two things happen in parallel: If Scaffold.bottomSheet is a DraggableScrollableSheet,

Floating action button with a draggable scrollable bottom sheet Widget can be used within the scaffold's body to avoid areas

The scaffold's body is not inset by this padding valueĪlthough an appBar or bottomNavigationBar will typicallyĬause the body to avoid the padding. Not be completely visible, like the display 'notch' on the iPhone The MediaQueryData.padding value defines areas that might Widget will be scrolled into view if it's within a scrollable By default the scaffold's body is resized to make Widget's MediaQueryData.viewInsets changes and the Scaffold willīe rebuilt. The device's keyboard appears the Scaffold's ancestor MediaQuery Means that it will occupy its entire window or device screen. The scaffold will expand to fill the available space. To create a local project with this code sample, run:įlutter create -sample=material.Scaffold.3 mysample Scaffold layout, the keyboard, and display 'notches'

Flutter scaffold drawer