Goods details page

2024-05-01 20:17:20 +03:00
parent f941b26224
commit 16d0ddca78
12 changed files with 231 additions and 100 deletions
--- a/lib/pages/detail.dart
+++ b/lib/pages/detail.dart
@@ -0,0 +1,93 @@
+import 'package:flutter/material.dart';
+
+class DetailPage extends StatelessWidget {
+  final String name;
+  final String description;
+  final String price;
+  final String id;
+  final Image image;
+  const DetailPage(
+      {super.key,
+      required this.name,
+      required this.description,
+      required this.price,
+      required this.id,
+      required this.image});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        leading: IconButton(
+          icon: const Icon(Icons.arrow_back),
+          onPressed: () => Navigator.pop(context),
+        ),
+        title: Text('$name - $id'),
+      ),
+      body: Padding(
+        padding: const EdgeInsets.all(20),
+        child: SizedBox(
+          width: MediaQuery.sizeOf(context).width,
+          height: MediaQuery.sizeOf(context).height,
+          child: Row(
+            mainAxisAlignment: MainAxisAlignment.spaceAround,
+            children: [
+              image,
+              Padding(
+                padding: const EdgeInsetsDirectional.fromSTEB(0, 60, 60, 60),
+                child: SizedBox(
+                  width: 340,
+                  height: MediaQuery.sizeOf(context).height,
+                  child: Card(
+                    elevation: 4,
+                    color: const Color(0xFFF2F3F9),
+                    shape: RoundedRectangleBorder(
+                      borderRadius: BorderRadius.circular(16),
+                    ),
+                    child: Padding(
+                      padding:
+                          const EdgeInsetsDirectional.fromSTEB(20, 15, 10, 15),
+                      child: Text(
+                        description,
+                        style: Theme.of(context).textTheme.bodyMedium,
+                      ),
+                    ),
+                  ),
+                ),
+              ),
+              Align(
+                alignment: const AlignmentDirectional(0, -1),
+                child: Padding(
+                  padding: const EdgeInsetsDirectional.fromSTEB(0, 60, 0, 0),
+                  child: Column(
+                    mainAxisSize: MainAxisSize.min,
+                    children: [
+                      Text(
+                        'Стоимость $price',
+                        style: Theme.of(context).textTheme.bodyLarge,
+                      ),
+                      ElevatedButton(
+                        onPressed: () => {},
+                        style: ElevatedButton.styleFrom(
+                            backgroundColor: Theme.of(context).primaryColor,
+                            shape: const RoundedRectangleBorder(
+                              borderRadius: BorderRadius.all(
+                                Radius.circular(50),
+                              ),
+                            ),
+                            foregroundColor: Colors.white,
+                            padding: const EdgeInsetsDirectional.fromSTEB(
+                                34, 10, 34, 10)),
+                        child: const Text('Добавить в корзину'),
+                      )
+                    ],
+                  ),
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}