put picture to the center

FlutterFriends · Jun 12, 2023 · 5e1741b · 5e1741b
1 parent ae789ec
commit 5e1741b
Showing 1 changed file with 30 additions and 6 deletions.
diff --git a/children_games/lib/main.dart b/children_games/lib/main.dart
@@ -79,12 +79,36 @@ class DetailPage extends StatelessWidget {
       appBar: AppBar(
         title: Text(game.title),
       ),
-      body: Column(
-        children: <Widget>[
-          Image.network(game.image),
-          Text(game.title),
-          Text(game.description),
-        ],
+      body: Center(
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: <Widget>[
+            Container(
+              height: 300,
+              child: Image.network(
+                game.image,
+                fit: BoxFit.cover,
+              ),
+            ),
+            const SizedBox(height: 20),
+            Text(
+              game.title,
+              style: const TextStyle(
+                fontSize: 24,
+                fontWeight: FontWeight.bold,
+              ),
+            ),
+            const SizedBox(height: 10),
+            Padding(
+              padding: const EdgeInsets.symmetric(horizontal: 8.0),
+              child: Text(
+                game.description,
+                style: const TextStyle(fontSize: 18),
+                textAlign: TextAlign.center,
+              ),
+            ),
+          ],
+        ),
       ),
     );
   }