import 'package:flutter/material.dart'; class LoadingScreen3 extends StatefulWidget { const LoadingScreen3({Key? key}) : super(key: key); @override State createState() => _LoadingScreen3State(); } class _LoadingScreen3State extends State { @override Widget build(BuildContext context) { Size screenSize=MediaQuery.of(context).size; return Scaffold( body: SingleChildScrollView( child: SafeArea( child: Padding( padding: const EdgeInsets.symmetric(horizontal: 15.0,vertical: 10), child: Column( mainAxisAlignment: MainAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( children: [ Container( height: 100, width: 100, child: SizedBox(height: 50,width: 50, child: LinearProgressIndicator( color: Colors.grey.withOpacity(.1), backgroundColor: Colors.grey.withOpacity(.2),), )), Container( margin: EdgeInsets.only(left: 10), child: Column( crossAxisAlignment: CrossAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.center, children: [ SizedBox( height: screenSize.height*.015, width: screenSize.width*.6, child: LinearProgressIndicator( color: Colors.grey.withOpacity(.1), backgroundColor: Colors.grey.withOpacity(.2), )), SizedBox(height: 15,), SizedBox( width: screenSize.width*.55, height: screenSize.height*.015, child: LinearProgressIndicator( color: Colors.grey.withOpacity(.1), backgroundColor: Colors.grey.withOpacity(.2), )), SizedBox(height: 15,), SizedBox( width: screenSize.width*.5, height: screenSize.height*.015, child: LinearProgressIndicator( color: Colors.grey.withOpacity(.1), backgroundColor: Colors.grey.withOpacity(.2), )), ], ), ) ], ), SizedBox(height: 15,), Row( children: [ Container( height: 100, width: 100, child: SizedBox(height: 50,width: 50, child: LinearProgressIndicator( color: Colors.grey.withOpacity(.1), backgroundColor: Colors.grey.withOpacity(.2),), )), Container( margin: EdgeInsets.only(left: 10), child: Column( crossAxisAlignment: CrossAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.center, children: [ SizedBox( height: screenSize.height*.015, width: screenSize.width*.6, child: LinearProgressIndicator( color: Colors.grey.withOpacity(.1), backgroundColor: Colors.grey.withOpacity(.2), )), SizedBox(height: 15,), SizedBox( width: screenSize.width*.55, height: screenSize.height*.015, child: LinearProgressIndicator( color: Colors.grey.withOpacity(.1), backgroundColor: Colors.grey.withOpacity(.2), )), SizedBox(height: 15,), SizedBox( width: screenSize.width*.5, height: screenSize.height*.015, child: LinearProgressIndicator( color: Colors.grey.withOpacity(.1), backgroundColor: Colors.grey.withOpacity(.2), )), ], ), ) ], ), SizedBox(height: 15,), Row( children: [ Container( height: 100, width: 100, child: SizedBox(height: 50,width: 50, child: LinearProgressIndicator( color: Colors.grey.withOpacity(.1), backgroundColor: Colors.grey.withOpacity(.2),), )), Container( margin: EdgeInsets.only(left: 10), child: Column( crossAxisAlignment: CrossAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.center, children: [ SizedBox( height: screenSize.height*.015, width: screenSize.width*.6, child: LinearProgressIndicator( color: Colors.grey.withOpacity(.1), backgroundColor: Colors.grey.withOpacity(.2), )), SizedBox(height: 15,), SizedBox( width: screenSize.width*.55, height: screenSize.height*.015, child: LinearProgressIndicator( color: Colors.grey.withOpacity(.1), backgroundColor: Colors.grey.withOpacity(.2), )), SizedBox(height: 15,), SizedBox( width: screenSize.width*.5, height: screenSize.height*.015, child: LinearProgressIndicator( color: Colors.grey.withOpacity(.1), backgroundColor: Colors.grey.withOpacity(.2), )), ], ), ) ], ), SizedBox(height: 15,), Row( children: [ Container( height: 100, width: 100, child: SizedBox(height: 50,width: 50, child: LinearProgressIndicator( color: Colors.grey.withOpacity(.1), backgroundColor: Colors.grey.withOpacity(.2),), )), Container( margin: EdgeInsets.only(left: 10), child: Column( crossAxisAlignment: CrossAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.center, children: [ SizedBox( height: screenSize.height*.015, width: screenSize.width*.6, child: LinearProgressIndicator( color: Colors.grey.withOpacity(.1), backgroundColor: Colors.grey.withOpacity(.2), )), SizedBox(height: 15,), SizedBox( width: screenSize.width*.55, height: screenSize.height*.015, child: LinearProgressIndicator( color: Colors.grey.withOpacity(.1), backgroundColor: Colors.grey.withOpacity(.2), )), SizedBox(height: 15,), SizedBox( width: screenSize.width*.5, height: screenSize.height*.015, child: LinearProgressIndicator( color: Colors.grey.withOpacity(.1), backgroundColor: Colors.grey.withOpacity(.2), )), ], ), ) ], ), SizedBox(height: 15,), Row( children: [ Container( height: 100, width: 100, child: SizedBox(height: 50,width: 50, child: LinearProgressIndicator( color: Colors.grey.withOpacity(.1), backgroundColor: Colors.grey.withOpacity(.2),), )), Container( margin: EdgeInsets.only(left: 10), child: Column( crossAxisAlignment: CrossAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.center, children: [ SizedBox( height: screenSize.height*.015, width: screenSize.width*.6, child: LinearProgressIndicator( color: Colors.grey.withOpacity(.1), backgroundColor: Colors.grey.withOpacity(.2), )), SizedBox(height: 15,), SizedBox( width: screenSize.width*.55, height: screenSize.height*.015, child: LinearProgressIndicator( color: Colors.grey.withOpacity(.1), backgroundColor: Colors.grey.withOpacity(.2), )), SizedBox(height: 15,), SizedBox( width: screenSize.width*.5, height: screenSize.height*.015, child: LinearProgressIndicator( color: Colors.grey.withOpacity(.1), backgroundColor: Colors.grey.withOpacity(.2), )), ], ), ) ], ), SizedBox(height: 15,), Row( children: [ Container( height: 100, width: 100, child: SizedBox(height: 50,width: 50, child: LinearProgressIndicator( color: Colors.grey.withOpacity(.1), backgroundColor: Colors.grey.withOpacity(.2),), )), Container( margin: EdgeInsets.only(left: 10), child: Column( crossAxisAlignment: CrossAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.center, children: [ SizedBox( height: screenSize.height*.015, width: screenSize.width*.6, child: LinearProgressIndicator( color: Colors.grey.withOpacity(.1), backgroundColor: Colors.grey.withOpacity(.2), )), SizedBox(height: 15,), SizedBox( width: screenSize.width*.55, height: screenSize.height*.015, child: LinearProgressIndicator( color: Colors.grey.withOpacity(.1), backgroundColor: Colors.grey.withOpacity(.2), )), SizedBox(height: 15,), SizedBox( width: screenSize.width*.5, height: screenSize.height*.015, child: LinearProgressIndicator( color: Colors.grey.withOpacity(.1), backgroundColor: Colors.grey.withOpacity(.2), )), ], ), ) ], ), SizedBox(height: 15,), Row( children: [ Container( height: 100, width: 100, child: SizedBox(height: 50,width: 50, child: LinearProgressIndicator( color: Colors.grey.withOpacity(.1), backgroundColor: Colors.grey.withOpacity(.2),), )), Container( margin: EdgeInsets.only(left: 10), child: Column( crossAxisAlignment: CrossAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.center, children: [ SizedBox( height: screenSize.height*.015, width: screenSize.width*.6, child: LinearProgressIndicator( color: Colors.grey.withOpacity(.1), backgroundColor: Colors.grey.withOpacity(.2), )), SizedBox(height: 15,), SizedBox( width: screenSize.width*.55, height: screenSize.height*.015, child: LinearProgressIndicator( color: Colors.grey.withOpacity(.1), backgroundColor: Colors.grey.withOpacity(.2), )), SizedBox(height: 15,), SizedBox( width: screenSize.width*.5, height: screenSize.height*.015, child: LinearProgressIndicator( color: Colors.grey.withOpacity(.1), backgroundColor: Colors.grey.withOpacity(.2), )), ], ), ) ], ), SizedBox(height: 15,), ], ), ), ), ), ); } }