63 lines
1.7 KiB
Dart
63 lines
1.7 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:get/get.dart';
|
|
import 'package:ride/constant/colors.dart';
|
|
|
|
class MyCircleContainer extends StatelessWidget {
|
|
final Widget child;
|
|
final Color backgroundColor;
|
|
final Color borderColor;
|
|
|
|
MyCircleContainer({
|
|
Key? key,
|
|
required this.child,
|
|
this.backgroundColor = AppColor.secondaryColor,
|
|
this.borderColor = AppColor.accentColor,
|
|
}) : super(key: key);
|
|
|
|
final controller = Get.put(CircleController());
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return GetBuilder<CircleController>(
|
|
builder: ((controller) => GestureDetector(
|
|
onTap: () {
|
|
controller.changeColor();
|
|
},
|
|
child: AnimatedContainer(
|
|
onEnd: () {
|
|
controller.onEnd();
|
|
},
|
|
duration: const Duration(milliseconds: 300),
|
|
width: controller.size,
|
|
height: controller.size,
|
|
decoration: BoxDecoration(
|
|
shape: BoxShape.circle,
|
|
color: controller.backgroundColor,
|
|
border: Border.all(
|
|
color: borderColor,
|
|
width: 1,
|
|
),
|
|
),
|
|
child: Center(child: child),
|
|
),
|
|
)));
|
|
}
|
|
}
|
|
|
|
class CircleController extends GetxController {
|
|
Color backgroundColor = AppColor.secondaryColor;
|
|
double size = 40;
|
|
void changeColor() {
|
|
backgroundColor = backgroundColor == AppColor.secondaryColor
|
|
? AppColor.accentColor
|
|
: AppColor.secondaryColor;
|
|
size = 60;
|
|
update();
|
|
}
|
|
|
|
void onEnd() {
|
|
size = 40;
|
|
update();
|
|
}
|
|
}
|