Shimmer.fromColors(
baseColor: Colors.black26,
highlightColor: Colors.black54,
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
AspectRatio(
aspectRatio: 16 / 9,
child: Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(4),
color: Colors.black38,
),
),
),
const Gap(16),
Container(
width: 160,
height: 16,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(4),
color: Colors.black26,
),
),
const Gap(16),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: List.generate(3, (index) {
return Container(
width: double.infinity,
height: 12,
margin: EdgeInsets.only(top: index == 0 ? 0 : 8),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(4),
color: Colors.black26,
),
);
}),
),
const Gap(16),
Row(
children: [
const CircleAvatar(
backgroundColor: Colors.black54,
child: Icon(
Icons.person,
color: Colors.white,
),
),
const Gap(16),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [120, 180].asMap().entries.map((e) {
return Container(
width: e.value.toDouble(),
height: 12,
margin: EdgeInsets.only(top: e.key == 0 ? 0 : 8),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(4),
color: Colors.black26,
),
);
}).toList(),
),
],
),
],
),
),