aaa

lib/shared/widgets/custom_dropdown.dart

@@ -0,0 +1,65 @@
+// ignore_for_file: public_member_api_docs, sort_constructors_first
+import 'dart:async';
+
+import 'package:dropdown_search/dropdown_search.dart';
+import 'package:flutter/material.dart';
+import 'package:vaani/constants/sizes.dart';
+
+// 自定义下拉选择
+class CustomDropdown<T> extends StatelessWidget {
+  final T? selected;
+
+  final FutureOr<List<T>> Function(String, LoadProps?)? items;
+  final String Function(T)? itemAsString;
+  final void Function(T?)? onChanged;
+  const CustomDropdown({
+    super.key,
+    this.selected,
+    this.items,
+    this.onChanged,
+    this.itemAsString,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return DropdownSearch<T>(
+      selectedItem: selected,
+      mode: Mode.custom,
+      items: items,
+      dropdownBuilder: (ctx, selectedItem) {
+        return Row(
+          mainAxisAlignment: MainAxisAlignment.end,
+          children: [
+            Text(_itemAsString(selectedItem)),
+            const Icon(Icons.keyboard_arrow_down),
+          ],
+        );
+      },
+      popupProps: PopupProps.menu(
+        menuProps: MenuProps(
+          borderRadius: const BorderRadius.all(
+            Radius.circular(AppElementSizes.borderRadiusRegular),
+          ),
+          popUpAnimationStyle: AnimationStyle(duration: Duration.zero),
+        ),
+        constraints: const BoxConstraints(minWidth: 180),
+        itemBuilder: (context, item, isDisabled, isSelected) => ListTile(
+          title: Text(_itemAsString(item)),
+          trailing: selected == item ? Icon(Icons.check) : null,
+        ),
+        fit: FlexFit.loose,
+      ),
+      onChanged: onChanged,
+    );
+  }
+
+  String _itemAsString(T? data) {
+    if (data == null) {
+      return "";
+    } else if (itemAsString != null) {
+      return itemAsString!(data);
+    }
+
+    return data.toString();
+  }
+}