diff --git a/material_3_demo/lib/component_screen.dart b/material_3_demo/lib/component_screen.dart index 8eb41788d..959b89986 100644 --- a/material_3_demo/lib/component_screen.dart +++ b/material_3_demo/lib/component_screen.dart @@ -11,26 +11,32 @@ class ComponentScreen extends StatelessWidget { return Expanded( child: Padding( padding: const EdgeInsets.symmetric(horizontal: 10), - child: ListView( - shrinkWrap: true, - children: [ - _colDivider, - _colDivider, - const Buttons(), - _colDivider, - const FloatingActionButtons(), - _colDivider, - const Cards(), - _colDivider, - const Dialogs(), - _colDivider, - showNavBottomBar - ? const NavigationBars( - selectedIndex: 0, - isExampleBar: true, - ) - : Container(), - ], + child: Align( + alignment: Alignment.topCenter, + child: SizedBox( + width: _maxWidthConstraint, + child: ListView( + shrinkWrap: true, + children: [ + _colDivider, + _colDivider, + const Buttons(), + _colDivider, + const FloatingActionButtons(), + _colDivider, + const Cards(), + _colDivider, + const Dialogs(), + _colDivider, + showNavBottomBar + ? const NavigationBars( + selectedIndex: 0, + isExampleBar: true, + ) + : Container(), + ], + ), + ), ), ), ); @@ -40,6 +46,7 @@ class ComponentScreen extends StatelessWidget { const _rowDivider = SizedBox(width: 10); const _colDivider = SizedBox(height: 10); const double _cardWidth = 115; +const double _maxWidthConstraint = 400; void Function()? handlePressed( BuildContext context, bool isDisabled, String buttonName) { @@ -255,8 +262,7 @@ class Cards extends StatelessWidget { alignment: Alignment.topRight, child: Icon(Icons.more_vert), ), - _colDivider, - _colDivider, + SizedBox(height: 35), Align( alignment: Alignment.bottomLeft, child: Text("Elevated"), @@ -279,8 +285,7 @@ class Cards extends StatelessWidget { alignment: Alignment.topRight, child: Icon(Icons.more_vert), ), - _colDivider, - _colDivider, + SizedBox(height: 35), Align( alignment: Alignment.bottomLeft, child: Text("Filled"), @@ -308,8 +313,7 @@ class Cards extends StatelessWidget { alignment: Alignment.topRight, child: Icon(Icons.more_vert), ), - _colDivider, - _colDivider, + SizedBox(height: 35), Align( alignment: Alignment.bottomLeft, child: Text("Outlined"), diff --git a/material_3_demo/lib/main.dart b/material_3_demo/lib/main.dart index 82732531c..42b1d70f0 100644 --- a/material_3_demo/lib/main.dart +++ b/material_3_demo/lib/main.dart @@ -187,7 +187,7 @@ class _Material3DemoState extends State { selectedIndex: screenIndex)), const VerticalDivider(thickness: 1, width: 1), createScreenFor(screenIndex, true), - ]), + ],), ), ); }