👨‍🏫12 List<Map<String, dynamic>>

import 'package:flutter/material.dart';

class Lesson24 extends StatefulWidget {
  const Lesson24({super.key});

  @override
  State<Lesson24> createState() => _Lesson24State();
}

class _Lesson24State extends State<Lesson24> {
  // Dart
  String name = 'Baias';
  int age = 19;
  double kg = 23.09;
  bool isAdult = true;

  // Flutter
  Color green = Colors.green;
  Widget container = Container();

  // Collection
  List<String> names = [];
  List<int> ages = [12, 434, 56];
  List<double> kgs = [34.98, 90.89];
  List<bool> isAdults = [true, false];

  List<Widget> children = [AppBar(), Container()];
  List<Color> colors = [Colors.orange, Colors.white];

  List<bool> isLike = [false, false];
  List<String> images = ['assets/apple.png', 'assets/peach.png'];

  Map<String, String> surnames = {'rajapov': 'Eldiar', 'azimbekov': 'Daniel'};

  Map<int, String> listData = {1: 'Eldiar', 2: 'Daniel', 3: 'Madina'};

  Map<String, dynamic> person = {
    'name': 'Nurjigit',
    'surname': 'Altynbekov',
    'age': 14,
    'address': 'Moskovsc',
    'isLike': false,
    'height': 164.8,
    'hobbies': ['Flutter', 'Math', ''],
    'phone': '07096756757',
  };

  Map<String, dynamic> product = {
    'isLike': true,
    'image': 'assets/leaf.png',
    'name': 'Nike',
    'price': 99,
    
  };
  
  Map<String, dynamic> product2 = {
    
  };

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: GridView(
        padding: EdgeInsets.all(10),
        gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
          crossAxisCount: 2,
          mainAxisSpacing: 10,
          crossAxisSpacing: 10,
          childAspectRatio: 0.67,
        ),
        children: [
          Column(
            crossAxisAlignment: .start,
            children: [
              Container(
                height: 250,
                width: double.infinity,
                decoration: BoxDecoration(
                  color: Colors.grey.shade400,
                  image: DecorationImage(image: AssetImage(product['image'])),
                ),
                child: Align(
                  alignment: Alignment.topRight,
                  child: IconButton(
                    isSelected: product['isLike'],
                    onPressed: () {
                      setState(() {
                        product['isLike'] = !product['isLike'];
                      });
                    },
                    icon: Icon(Icons.favorite_border),
                    selectedIcon: Icon(Icons.favorite, color: Colors.red),
                  ),
                ),
              ),
              Text(product['name']),
              Text('${product['price']}'),
            ],
          ),
        ],
      ),
    );
  }
}

class Lesson24a extends StatefulWidget {
  const Lesson24a({super.key});

  @override
  State<Lesson24a> createState() => _Lesson24aState();
}

class _Lesson24aState extends State<Lesson24a> {
  List<String> categories = [
    'All',
    'Spicy',
    'All',
    'Spicy',
    'All',
    'Spicy',
    'All',
    'Spicy',
    'All',
    'Spicy',
    'All',
    'Spicy',
    'All',
    'Spicy',
  ];

  List<Map<String, dynamic>> products = [
    {
      'image': '',
      'price': 23,
      'name': 'cucumbers',
      'kg' : 1,
    },
    {
      'image': '',
      'price': 12,
      'name': 'garlic',
      'kg' : 1,
    },
    {
      'image': '',
      'price': 45,
      'name': 'tomato',
      'kg' : 1,
    },
    {
      'image': '',
      'price': 23,
      'name': 'bread',
      'kg' : 1,
    },
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        leading: IconButton(onPressed: () {}, icon: Icon(Icons.arrow_back_ios)),
        actions: [
          IconButton(onPressed: () {}, icon: Icon(Icons.arrow_back_ios)),
          IconButton(onPressed: () {}, icon: Icon(Icons.arrow_back_ios)),
        ],
      ),
      body: Column(
        crossAxisAlignment: .start,
        children: [
          Padding(
            padding: const EdgeInsets.all(8.0),
            child: Text('Vegetables'),
          ),
          SizedBox(height: 20),
          SizedBox(
            height: 40,
            width: double.infinity,
            child: ListView.builder(
              itemCount: categories.length,
              shrinkWrap: true,
              scrollDirection: Axis.horizontal,
              itemBuilder: (context, index) {
                return Padding(
                  padding: const EdgeInsets.only(right: 10, left: 15),
                  child: Text(categories[index]),
                );
              },
            ),
          ),
          Expanded(

            child: GridView.builder(
              physics: NeverScrollableScrollPhysics(),
              padding: EdgeInsets.symmetric(horizontal: 15),
              itemCount: products.length,
              shrinkWrap: true,
              gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
                crossAxisCount: 2,
                mainAxisSpacing: 10,
                crossAxisSpacing: 10,
                childAspectRatio: 0.67,
              ),
              itemBuilder: (BuildContext context, int index) {
                return Container(
                  decoration: BoxDecoration(
                    color: Colors.grey.shade200,
                    borderRadius: BorderRadius.circular(15),
                  ),
                  padding: EdgeInsets.all(10),
                  child: Column(
                    crossAxisAlignment: .start,
                    children: [
                      Center(child: Image.asset(products[index]['image'])),
                      Text('${products[index]['price']}'),
                      Text(products[index]['name']),

                      Row(
                        mainAxisAlignment: .spaceBetween,
                        children: [
                          Text('${products[index]['kg']} kg'),
                          FloatingActionButton(
                            onPressed: () {},
                            backgroundColor: Colors.red,
                            shape: CircleBorder(),
                            child: Icon(Icons.add),
                          ),
                        ],
                      ),
                    ],
                  ),
                );
              },
            ),
          ),
        ],
      ),
    );
  }
}

class Lesson24b extends StatefulWidget {
  const Lesson24b({super.key});

  @override
  State<Lesson24b> createState() => _Lesson24bState();
}

class _Lesson24bState extends State<Lesson24b> {
  List<Map<String, dynamic>> data = [
    {},
    {},
  ];
  
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: PageView.builder(
          itemCount: 5,
          scrollDirection: Axis.vertical,
          itemBuilder: (context, index){
        return Stack(
          children: [
            Container(
              height: double.infinity,
              width: double.infinity,
              decoration: BoxDecoration(
                image: DecorationImage(image: AssetImage('assets/Content.png'), fit: BoxFit.fill)
              ),
            ),
            Align(
              alignment: Alignment.bottomRight,
              child: Padding(
                padding: const EdgeInsets.only(right: 10, bottom: 10),
                child: Column(
                  mainAxisSize: .min,
                  children: [
                    CircleAvatar(),
                    IconButton(onPressed: (){}, icon: Icon(Icons.eighteen_mp)),
                    IconButton(onPressed: (){}, icon: Icon(Icons.comment))
                  ],
                ),
              ),
            )
          ],
        );
      }),
    );
  }
}