40 lines
1.5 KiB
Dart
40 lines
1.5 KiB
Dart
|
import 'package:flutter/material.dart';
|
||
|
|
import 'package:get/get.dart';
|
||
|
|
import 'package:sk_base_mobile/constants/bg_color.dart';
|
||
|
|
import 'package:sk_base_mobile/screens/home/home_controller.dart';
|
||
|
|
import 'dates.dart';
|
||
|
|
|
||
|
|
class DateContainer extends StatelessWidget {
|
||
|
|
final int index;
|
||
|
|
DateContainer({super.key, required this.index});
|
||
|
|
final controller = Get.put(HomeController());
|
||
|
|
@override
|
||
|
|
Widget build(BuildContext context) {
|
||
|
|
var size = MediaQuery.sizeOf(context);
|
||
|
|
return Obx(() => AnimatedContainer(
|
||
|
|
duration: const Duration(milliseconds: 200),
|
||
|
|
height: 110,
|
||
|
|
width: 70,
|
||
|
|
margin: EdgeInsets.only(left: size.width * 0.05),
|
||
|
|
decoration: BoxDecoration(
|
||
|
|
color: Colors.white,
|
||
|
|
borderRadius: BorderRadius.circular(20),
|
||
|
|
gradient: controller.currentIndex.value == index
|
||
|
|
? const LinearGradient(
|
||
|
|
begin: Alignment.topCenter,
|
||
|
|
end: Alignment.bottomCenter,
|
||
|
|
colors: [lightOrange, darkOrange])
|
||
|
|
: null,
|
||
|
|
boxShadow: [
|
||
|
|
controller.currentIndex.value == index
|
||
|
|
? const BoxShadow(
|
||
|
|
color: lightOrange, offset: Offset(0, 10), blurRadius: 20)
|
||
|
|
: const BoxShadow(
|
||
|
|
color: Colors.black12,
|
||
|
|
offset: Offset(0, 10),
|
||
|
|
blurRadius: 20)
|
||
|
|
]),
|
||
|
|
child: Dates(index: index)));
|
||
|
|
}
|
||
|
|
}
|