145 lines
4.8 KiB
Dart
145 lines
4.8 KiB
Dart
import 'package:flutter/material.dart';
|
|
import '../atoms/shimmer_widgets.dart';
|
|
|
|
class ScheduleShimmer extends StatelessWidget {
|
|
const ScheduleShimmer({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Column(
|
|
children: [
|
|
Container(
|
|
margin: const EdgeInsets.all(16),
|
|
padding: const EdgeInsets.all(16),
|
|
decoration: BoxDecoration(
|
|
color: Colors.white,
|
|
borderRadius: BorderRadius.circular(16),
|
|
boxShadow: [
|
|
BoxShadow(
|
|
color: Colors.black.withOpacity(0.05),
|
|
blurRadius: 10,
|
|
offset: const Offset(0, 4),
|
|
),
|
|
],
|
|
),
|
|
child: Column(
|
|
children: [
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: const [
|
|
ShimmerBox(height: 20, width: 20, borderRadius: 4),
|
|
ShimmerBox(height: 20, width: 120),
|
|
ShimmerBox(height: 20, width: 20, borderRadius: 4),
|
|
],
|
|
),
|
|
const SizedBox(height: 16),
|
|
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
|
children: List.generate(7, (_) => const ShimmerBox(
|
|
height: 14, width: 28, borderRadius: 4,
|
|
)),
|
|
),
|
|
const SizedBox(height: 12),
|
|
|
|
...List.generate(5, (row) => Padding(
|
|
padding: const EdgeInsets.only(bottom: 8),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
|
children: List.generate(7, (col) => Column(
|
|
children: [
|
|
ShimmerBox(
|
|
height: 32, width: 32,
|
|
borderRadius: 16,
|
|
),
|
|
const SizedBox(height: 4),
|
|
ShimmerCircle(size: 6),
|
|
],
|
|
)),
|
|
),
|
|
)),
|
|
],
|
|
),
|
|
),
|
|
|
|
const SizedBox(height: 10),
|
|
|
|
Expanded(
|
|
child: Padding(
|
|
padding: const EdgeInsets.fromLTRB(16, 0, 16, 16),
|
|
child: Container(
|
|
padding: const EdgeInsets.all(20),
|
|
decoration: BoxDecoration(
|
|
color: Colors.white,
|
|
borderRadius: BorderRadius.circular(16),
|
|
boxShadow: [
|
|
BoxShadow(
|
|
color: Colors.black.withOpacity(0.05),
|
|
blurRadius: 10,
|
|
offset: const Offset(0, 4),
|
|
),
|
|
],
|
|
),
|
|
child: Column(
|
|
children: [
|
|
const ShimmerBox(height: 18, width: 200),
|
|
const SizedBox(height: 16),
|
|
const Divider(),
|
|
const SizedBox(height: 16),
|
|
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
|
children: [
|
|
Column(
|
|
children: const [
|
|
ShimmerBox(height: 12, width: 70),
|
|
SizedBox(height: 8),
|
|
ShimmerBox(height: 28, width: 60),
|
|
],
|
|
),
|
|
Container(width: 1, height: 40, color: Colors.grey[200]),
|
|
Column(
|
|
children: const [
|
|
ShimmerBox(height: 12, width: 70),
|
|
SizedBox(height: 8),
|
|
ShimmerBox(height: 28, width: 60),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
|
|
const SizedBox(height: 20),
|
|
|
|
Container(
|
|
padding: const EdgeInsets.all(12),
|
|
decoration: BoxDecoration(
|
|
color: Colors.grey[50],
|
|
borderRadius: BorderRadius.circular(10),
|
|
),
|
|
child: Row(
|
|
children: const [
|
|
ShimmerCircle(size: 20),
|
|
SizedBox(width: 12),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
ShimmerBox(height: 14, width: 140),
|
|
SizedBox(height: 6),
|
|
ShimmerBox(height: 12, width: 180),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
}
|