tender detail changes

2025-10-04 10:37:49 +03:30
parent fd8c969690
commit 56620d4c1b
6 changed files with 348 additions and 64 deletions
@@ -0,0 +1,112 @@
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:tm_app/core/utils/size_config.dart';
+
+import '../../../core/theme/colors.dart';
+
+class DetailDropDown extends StatefulWidget {
+  final String title;
+  final List<String> items;
+  const DetailDropDown({required this.title, required this.items, super.key});
+
+  @override
+  State<DetailDropDown> createState() => _DetailDropDownState();
+}
+
+class _DetailDropDownState extends State<DetailDropDown>
+    with SingleTickerProviderStateMixin {
+  bool isOpen = true;
+  late AnimationController _animationController;
+  late Animation<double> _rotationAnimation;
+
+  @override
+  void initState() {
+    super.initState();
+    _animationController = AnimationController(
+      duration: const Duration(milliseconds: 300),
+      vsync: this,
+    );
+    _rotationAnimation = Tween<double>(begin: 0.0, end: 0.5).animate(
+      CurvedAnimation(parent: _animationController, curve: Curves.elasticIn),
+    );
+  }
+
+  @override
+  void dispose() {
+    _animationController.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      children: [
+        Row(
+          children: [
+            InkWell(
+              onTap: () {
+                setState(() {
+                  isOpen = !isOpen;
+                });
+                if (isOpen) {
+                  _animationController.forward();
+                } else {
+                  _animationController.reverse();
+                }
+              },
+              child: Container(
+                width: 24.0.w(),
+                height: 24.0.h(),
+                decoration: BoxDecoration(
+                  shape: BoxShape.circle,
+                  border: Border.all(color: AppColors.grey60),
+                ),
+                alignment: Alignment.center,
+                child: AnimatedBuilder(
+                  animation: _rotationAnimation,
+                  builder: (context, child) {
+                    return Icon(
+                      isOpen
+                          ? CupertinoIcons.chevron_up
+                          : CupertinoIcons.chevron_down,
+                      color: AppColors.grey60,
+                      size: 12,
+                    );
+                  },
+                ),
+              ),
+            ),
+            SizedBox(width: 8.0.w()),
+            Text(
+              widget.title,
+              style: TextStyle(
+                color: AppColors.grey80,
+                fontSize: 16.0.sp(),
+                fontWeight: FontWeight.w600,
+              ),
+            ),
+          ],
+        ),
+        SizedBox(height: 12.0.h()),
+        AnimatedSize(
+          duration: const Duration(milliseconds: 300),
+          curve: Curves.easeInOut,
+          child:
+              isOpen
+                  ? Column(
+                    children:
+                        widget.items
+                            .map(
+                              (e) => Padding(
+                                padding: EdgeInsets.only(left: 12.0.w()),
+                                child: Text(e),
+                              ),
+                            )
+                            .toList(),
+                  )
+                  : const SizedBox.shrink(),
+        ),
+      ],
+    );
+  }
+}