import 'package:flutter/material.dart';

class LoadingScreen4 extends StatefulWidget {
  const LoadingScreen4({Key? key}) : super(key: key);

  @override
  State<LoadingScreen4> createState() => _LoadingScreen4State();
}

class _LoadingScreen4State extends State<LoadingScreen4> {
  @override
  Widget build(BuildContext context) {
    Size screenSize=MediaQuery.of(context).size;
    return Scaffold(
      body: SafeArea(
        child: SingleChildScrollView(
          child: Column(
            children: [
              Padding(
                padding: const EdgeInsets.all(15.0),
                child: SizedBox(
                  height: 250,
                  child: LinearProgressIndicator(
                    color: Colors.grey.withOpacity(.1),
                    backgroundColor: Colors.grey.withOpacity(.1),
                    borderRadius: BorderRadius.circular(15),
                  ),
                ),
              ),
              Padding(
                padding: const EdgeInsets.symmetric(horizontal: 15.0),
                child: GridView.builder(
                  shrinkWrap: true,
                  itemCount: 8,
                    gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
                    childAspectRatio: .8,
                    crossAxisSpacing: 9,
                    mainAxisSpacing: 10,
                    crossAxisCount: 2),
                    itemBuilder: (context,index){
                      return LinearProgressIndicator(
                        color: Colors.grey.withOpacity(.1),
                        backgroundColor: Colors.grey.withOpacity(.1),
                        borderRadius: BorderRadius.circular(15),
                      );
    }),
              ),
            ],
          ),
        ),
      )
    );
  }
}