travel_cards_list: Update layout, vertically center align items

gskinnerTeam · Apr 30, 2024 · 055406a · 055406a
1 parent 5da3d4e
commit 055406a
Showing 1 changed file with 23 additions and 19 deletions.
diff --git a/vignettes/parallax_travel_cards_list/lib/demo.dart b/vignettes/parallax_travel_cards_list/lib/demo.dart
@@ -22,28 +22,32 @@ class _TravelCardDemoState extends State<TravelCardDemo> {
     return Scaffold(
       appBar: _buildAppBar(),
       body: Container(
+        alignment: Alignment.center,
         color: Colors.white,
-        child: Column(
-          mainAxisAlignment: MainAxisAlignment.center,
-          crossAxisAlignment: CrossAxisAlignment.center,
-          children: <Widget>[
-            Padding(
-              padding: EdgeInsets.symmetric(horizontal: Styles.hzScreenPadding),
-              child: Text(
-                'Where are you going next?',
-                overflow: TextOverflow.ellipsis,
-                style: Styles.appHeader,
-                maxLines: 2,
+        child: SingleChildScrollView(
+          child: Column(
+            mainAxisAlignment: MainAxisAlignment.center,
+            crossAxisAlignment: CrossAxisAlignment.center,
+            children: <Widget>[
+              Padding(
+                padding: EdgeInsets.symmetric(horizontal: Styles.hzScreenPadding),
+                child: Text(
+                  'Where are you going next?',
+                  overflow: TextOverflow.ellipsis,
+                  style: Styles.appHeader,
+                  maxLines: 2,
+                ),
               ),
-            ),
-            Expanded(
-              child: TravelCardList(
-                cities: _cityList,
-                onCityChange: _handleCityChange,
+              Padding(
+                padding: const EdgeInsets.symmetric(vertical: 16),
+                child: TravelCardList(
+                  cities: _cityList,
+                  onCityChange: _handleCityChange,
+                ),
               ),
-            ),
-            HotelList(_currentCity.hotels),
-          ],
+              HotelList(_currentCity.hotels),
+            ],
+          ),
         ),
       ),
     );