Lab 3

lib/main.dart

@@ -31,7 +31,12 @@ class MyApp extends StatelessWidget {
         colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
         useMaterial3: true,
       ),
-      home: const MyHomePage(title: 'Яшин Артём ПИбд-33'),
+      home: const MyHomePage(
+          title: Text("Simbirsk-Oil",
+              style: TextStyle(
+                  fontSize: 28,
+                  fontWeight: FontWeight.w600,
+                  color: Color.fromRGBO(240, 240, 240, 1)))),
     );
   }
 }
@@ -39,87 +44,99 @@ class MyApp extends StatelessWidget {
 class MyHomePage extends StatefulWidget {
   const MyHomePage({super.key, required this.title});
 
-  // This widget is the home page of your application. It is stateful, meaning
-  // that it has a State object (defined below) that contains fields that affect
-  // how it looks.
-
-  // This class is the configuration for the state. It holds the values (in this
-  // case the title) provided by the parent (in this case the App widget) and
-  // used by the build method of the State. Fields in a Widget subclass are
-  // always marked "final".
-
-  final String title;
+  final Text title;
 
   @override
   State<MyHomePage> createState() => _MyHomePageState();
 }
 
 class _MyHomePageState extends State<MyHomePage> {
-  int _counter = 0;
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+        appBar: AppBar(
+          backgroundColor: Colors.deepOrangeAccent,
+          title: widget.title,
+        ),
+        body: Padding(
+            padding: const EdgeInsets.all(30),
+            child: ListView.separated(
+              itemBuilder: (context, index) => Card(
+                  name: "Масло GM dexos2 ${index * 5}w-${index * 10 + 20}",
+                  price: index * 500 + 4000),
+              separatorBuilder: (context, index) => const SizedBox(height: 40),
+              itemCount: 3,
+            )));
+  }
+}
 
-  void _incrementCounter() {
+class Card extends StatefulWidget {
+  const Card({super.key, required this.name, required this.price});
+
+  final String name;
+  final int price;
+
+  @override
+  State<StatefulWidget> createState() => _CardState();
+}
+
+class _CardState extends State<Card> {
+  bool _isFavourite = false;
+
+  void toggleIsFavourite() {
     setState(() {
-      // This call to setState tells the Flutter framework that something has
-      // changed in this State, which causes it to rerun the build method below
-      // so that the display can reflect the updated values. If we changed
-      // _counter without calling setState(), then the build method would not be
-      // called again, and so nothing would appear to happen.
-      _counter++;
+      _isFavourite = !_isFavourite;
     });
   }
 
   @override
   Widget build(BuildContext context) {
-    // This method is rerun every time setState is called, for instance as done
-    // by the _incrementCounter method above.
-    //
-    // The Flutter framework has been optimized to make rerunning build methods
-    // fast, so that you can just rebuild anything that needs updating rather
-    // than having to individually change instances of widgets.
-    return Scaffold(
-      appBar: AppBar(
-        // TRY THIS: Try changing the color here to a specific color (to
-        // Colors.amber, perhaps?) and trigger a hot reload to see the AppBar
-        // change color while the other colors stay the same.
-        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
-        // Here we take the value from the MyHomePage object that was created by
-        // the App.build method, and use it to set our appbar title.
-        title: Text(widget.title),
-      ),
-      body: Center(
-        // Center is a layout widget. It takes a single child and positions it
-        // in the middle of the parent.
-        child: Column(
-          // Column is also a layout widget. It takes a list of children and
-          // arranges them vertically. By default, it sizes itself to fit its
-          // children horizontally, and tries to be as tall as its parent.
-          //
-          // Column has various properties to control how it sizes itself and
-          // how it positions its children. Here we use mainAxisAlignment to
-          // center the children vertically; the main axis here is the vertical
-          // axis because Columns are vertical (the cross axis would be
-          // horizontal).
-          //
-          // TRY THIS: Invoke "debug painting" (choose the "Toggle Debug Paint"
-          // action in the IDE, or press "p" in the console), to see the
-          // wireframe for each widget.
-          mainAxisAlignment: MainAxisAlignment.center,
-          children: <Widget>[
-            const Text(
-              'You have pushed the button this many times:',
-            ),
-            Text(
-              '$_counter',
-              style: Theme.of(context).textTheme.headlineMedium,
-            ),
-          ],
+    return Stack(
+      children: [
+        Container(
+          padding:
+              const EdgeInsets.only(top: 50, bottom: 15, left: 40, right: 40),
+          decoration: BoxDecoration(
+              border: Border.all(color: Colors.black12, width: 2),
+              borderRadius: BorderRadius.circular(40)),
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Center(
+                child: Image.network(
+                    "https://berimaslo.ru/upload/iblock/1b4/4w95d0a1xk1wsgkyk6irpp7h4yt7lz3k.jpeg"),
+              ),
+              Padding(
+                padding: EdgeInsets.only(top: 30, right: 30),
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
+                    Text(widget.name,
+                        style: const TextStyle(
+                            fontSize: 22,
+                            fontWeight: FontWeight.bold,
+                            color: Color.fromRGBO(70, 70, 70, 1))),
+                    SizedBox(height: 7),
+                    Text("${widget.price} ₽",
+                        style: const TextStyle(
+                            fontSize: 22,
+                            color: Color.fromRGBO(70, 70, 70, 1),
+                            fontWeight: FontWeight.bold))
+                  ],
+                ),
+              )
+            ],
+          ),
         ),
-      ),
-      floatingActionButton: FloatingActionButton(
-        onPressed: _incrementCounter,
-        tooltip: 'Increment',
-        child: const Icon(Icons.add),
-      ), // This trailing comma makes auto-formatting nicer for build methods.
+        Positioned(
+            right: 20,
+            bottom: 10,
+            child: IconButton(
+              icon: Icon(_isFavourite ? Icons.favorite : Icons.favorite_border),
+              color: Colors.purple,
+              onPressed: toggleIsFavourite,
+            ))
+      ],
     );
   }
 }