👨‍🏫0.8 List - список - массив

import 'package:flutter/material.dart';

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

  @override
  State<Lesson21> createState() => _Lesson21State();
}

class _Lesson21State extends State<Lesson21> {
  // 0 , 1, 2,
  // String, int, double, bool
  String name = 'Baiastan';
  int age = 26;
  double weight = 75.87;
  bool isMarried = false;

  // Widget, Color, IconData
                       // 0         1         2
  List<String> names = ['Daniel', 'Eldiar', 'Madina', 'Darhan', 'Nursaid'];
  List<int> numbers = [709358767, 709765432];
  List<double> kg = [23.56, 76.09];
  List<bool> isLike = [true, false, true, false];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: ListView.builder(
          itemCount: names.length,
          itemBuilder: (context, index){
        return ListTile(
          leading: CircleAvatar(),
          title: Text(names[index]),
          trailing: Icon(Icons.arrow_forward_ios),
        );
      }),
    );
  }
}

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

  @override
  State<Lesson21a> createState() => _Lesson21aState();
}

class _Lesson21aState extends State<Lesson21a> {
  List<String> images = [
    'assets/apple.png',
    'assets/avatar.png',
    'assets/coke.png',
    'assets/coke.png',
    'assets/peach.png',
    'assets/product.png',
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        leading: IconButton(
          onPressed: () {},
          icon: Icon(Icons.eighteen_mp_outlined),
        ),
        actions: [
          IconButton(onPressed: () {}, icon: Icon(Icons.search)),
          ElevatedButton(onPressed: () {}, child: Text('Select')),
        ],
      ),

      body: Padding(
        padding: const EdgeInsets.symmetric(horizontal: 10),
        child: Column(
          crossAxisAlignment: .start,
          children: [
            Text('Photos'),
            Row(
              mainAxisAlignment: .spaceBetween,
              children: [Text('34'), Text('12.34.2026')],
            ),

            SizedBox(height: 20),
            Expanded(
              child: GridView.builder(
                itemCount: images.length,
                shrinkWrap: true,
                gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
                  crossAxisCount: 4,
                  mainAxisSpacing: 10,
                  crossAxisSpacing: 10,
                ),
                itemBuilder: (context, index) {
                  return GestureDetector(
                    onTap: () {
                      Navigator.push(
                        context,
                        MaterialPageRoute(
                          builder: (context) =>
                              DetailScreen(image: images[index]),
                        ),
                      );
                    },
                    child: Container(
                      decoration: BoxDecoration(
                        image: DecorationImage(
                          image: AssetImage(images[index]),
                          fit: BoxFit.cover,
                        ),
                      ),
                    ),
                  );
                },
              ),
            ),
          ],
        ),
      ),
    );
  }
}

class DetailScreen extends StatelessWidget {
  final String image;

  const DetailScreen({super.key, required this.image});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: Container(
        height: double.infinity,
        width: double.infinity,
        decoration: BoxDecoration(
          image: DecorationImage(
            image: AssetImage(image),
            //fit: BoxFit.cover,
          ),
        ),
      ),
    );
  }
}

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

  @override
  State<Lesson21b> createState() => _Lesson21bState();
}

class _Lesson21bState extends State<Lesson21b> {
  List<IconData> icons = [Icons.notifications, Icons.home, Icons.eighteen_mp];
  List<String> title = ['Notification', 'Privacy', 'Security', ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: Column(
        children: [
          Row(
            spacing: 30,
            children: [
              CircleAvatar(
                radius: 45,
                backgroundColor: Colors.red,
                child: CircleAvatar(
                  radius: 40,
                  backgroundColor: Colors.black,
                  backgroundImage: AssetImage('assets/product.png'),
                ),
              ),
              Column(
                crossAxisAlignment: .start,
                mainAxisSize: .min,
                children: [Text('Hello'), Text('Hi')],
              ),
            ],
          ),
          Expanded(
            child: Container(
              height: double.infinity,
              width: double.infinity,
              margin: EdgeInsets.all(20),
              color: Colors.red,
              child: ListView.builder(
                itemCount: title.length,
                shrinkWrap: true,
                itemBuilder: (context, index) {
                  return ListTile(
                    leading: CircleAvatar(
                      child: Icon(icons[index]),
                    ),
                    title: Text(title[index]),
                  );
                },
              ),
            ),
          ),
        ],
      ),
    );
  }
}