73 lines
3.3 KiB
Dart
73 lines
3.3 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:shimmer/shimmer.dart';
|
|
|
|
class ShimmerNewsList extends StatelessWidget {
|
|
bool isNews = true;
|
|
|
|
ShimmerNewsList({Key? key, required this.isNews}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
//videos,Subcategory,Bookmarks & TagsPage
|
|
return Shimmer.fromColors(
|
|
baseColor: Colors.grey.withOpacity(0.6),
|
|
highlightColor: Colors.grey,
|
|
child: SingleChildScrollView(
|
|
padding: const EdgeInsetsDirectional.only(top: 0.0),
|
|
child: ListView.builder(
|
|
shrinkWrap: true,
|
|
physics: const AlwaysScrollableScrollPhysics(),
|
|
itemBuilder: (_, i) => Padding(
|
|
padding: EdgeInsetsDirectional.only(top: i == 0 ? 0 : 15.0),
|
|
child: Padding(
|
|
padding: EdgeInsetsDirectional.only(top: MediaQuery.of(context).size.height / 35.0, start: 15.0, end: 15.0),
|
|
child: Stack(
|
|
children: [
|
|
ClipRRect(
|
|
borderRadius: BorderRadius.circular(10.0),
|
|
child: Container(
|
|
height: MediaQuery.of(context).size.height / 4.2,
|
|
decoration: BoxDecoration(borderRadius: BorderRadius.circular(10.0), color: Colors.grey.withOpacity(0.6)),
|
|
)),
|
|
(!isNews)
|
|
? const SizedBox.shrink()
|
|
: Positioned.directional(
|
|
textDirection: Directionality.of(context),
|
|
bottom: 10.0,
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Container(
|
|
width: MediaQuery.of(context).size.width / 1.15,
|
|
height: 10.0,
|
|
margin: const EdgeInsetsDirectional.only(top: 4.0, start: 5.0, end: 5.0),
|
|
decoration: BoxDecoration(borderRadius: BorderRadius.circular(10.0), color: Colors.grey.withOpacity(0.6)),
|
|
),
|
|
Container(
|
|
width: MediaQuery.of(context).size.width / 2.0,
|
|
height: 10.0,
|
|
margin: const EdgeInsetsDirectional.only(top: 4.0, start: 5.0, end: 5.0),
|
|
decoration: BoxDecoration(borderRadius: BorderRadius.circular(10.0), color: Colors.grey.withOpacity(0.6)),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
)),
|
|
itemCount: 6,
|
|
),
|
|
));
|
|
}
|
|
}
|
|
|
|
Widget iconButtons({required BuildContext context}) {
|
|
return Container(
|
|
width: MediaQuery.of(context).size.width / 20.0,
|
|
height: 20.0,
|
|
padding: const EdgeInsetsDirectional.only(top: 4.0, start: 5.0, end: 5.0),
|
|
decoration: BoxDecoration(borderRadius: BorderRadius.circular(15.0), color: Colors.grey.withOpacity(0.6)),
|
|
);
|
|
}
|