animated_dropdown_search_codespark 2.2.0
animated_dropdown_search_codespark: ^2.2.0 copied to clipboard
Empower your app with a sophisticated dropdown widget, featuring search and highlighting.
Changelog #
2.2.0 14-04-2025 #
✨ Added #
- Documentation comments for the following properties to improve IDE support and code readability:
overlayBackgroundColor: Background color for the dropdown overlay.cursorColor: Color of the text cursor.cursorWidth: Width of the text cursor.cursorHeight: Height of the text cursor.highlghtedTextColor: Color used to highlight matched text in the dropdown list.optionTileColor: Background color for each option tile in the list.
2.1.1 14-04-2025 #
- Fixed Alignment
2.1.0 14-04-2025 #
📦 What's New in #
This version introduces several new customization options and improvements to the AnimatedDropdownSearch package:
-
✅ Custom Input Border
Define a customInputBorderfor the search field using theborderparameter. -
🎬 Slide Animation Toggle
Use theshouldAnimateparameter to enable or disable slide animations on the dropdown options list. -
🎯 Advanced Search Field Control
searchController: Attach your ownTextEditingControllerto the search field.searchFocusNode: Attach a customFocusNodefor advanced focus handling.
-
🧁 Enhanced Search Field Styling
filled: Enable or disable the filled style on the search field (defaults totrue).fillColor: Customize the fill color (defaults toColors.white).
-
🧲 Dropdown Alignment
Set the alignment of the options list usingoptionsAlignment(defaults toAlignment.center).
These additions offer even more flexibility for fine-tuning the dropdown UI and behavior to suit your app's design system and functionality requirements.
2.0.2 - 2024-08-03 #
- fixed screenshots description char length issue:
2.0.1 - 2024-08-03 #
- Setup for CI/CD Pipeline:
2.0.0 - 2024-08-03 #
Added
- Multiple Selection Mode:
- Feature: Introduced a boolean
multipleconstructor to distinguish between single and multiple selection modes. - Details: Added a new constructor
AnimatedDropdownSearch.multiplespecifically for multiple selection. - Functionality: Implemented the
onSelectedMultiplecallback to handle multiple selections, making it required in the multiple selection constructor.
- Feature: Introduced a boolean
Changed
- Constructor Assertions:
- Improvement: Updated constructor assertions to ensure
onSelectedis only allowed in the single selection constructor andonSelectedMultipleis only allowed in the multiple selection constructor.
- Improvement: Updated constructor assertions to ensure
- Logic Enhancement:
- Functionality: Refined internal logic to handle sorting and highlighting of options in both single and multiple selection modes.
- Widget Methods:
- Improvement: Modified
optionsListviewWidgetandoptionsCardmethods to support both single and multiple selection scenarios.
- Improvement: Modified
- Search Field Behavior:
- Improvement: Enhanced
searchFieldWidgetto correctly toggle and clear selections in both single and multiple selection modes.
- Improvement: Enhanced
Fixed
- Dropdown Closure:
- Bugfix: Corrected an issue where the dropdown would not close properly after a selection in multiple selection mode.
- Text Highlighting:
- Bugfix: Addressed a bug causing incorrect highlighting of matched text under certain conditions.
Example Usage
// Single selection mode
AnimatedDropdownSearch(
data: ['Option 1', 'Option 2', 'Option 3'],
onSelected: (val) {
print('Selected: $val');
},
hint: 'Select an option',
);
// Multiple selection mode
AnimatedDropdownSearch.multiple(
data: ['Option 1', 'Option 2', 'Option 3'],
onSelectedMultiple: (values) {
print('Selected values: $values');
},
hint: 'Select options',
);
1.0.7 #
- Fixed Screenshots: Fixed screenshots rendering issue
1.0.6 #
- Fixed Screenshots: Fixed screenshots rendering issue
1.0.5 #
- Fixed Screenshots: Fixed screenshots rendering issue
1.0.4 #
- Fixed Screenshots: Fixed screenshots rendering issue
1.0.3 #
- Fixed Screenshots: Fixed screenshots rendering issue
1.0.2 #
- Fixed Screenshots: Fixed screenshots rendering issue
1.0.1 #
- Fixed Screenshots: Fixed screenshots rendering issue
1.0.0 #
-
Adaptive Dropdown Positioning:
- Feature: The dropdown menu now adjusts its position to display either above or below the search field based on the available space.
- Details: Implemented logic to determine the position of the search field and decide if the dropdown should be displayed at the top or bottom to maximize visibility and usability.
-
Overlay Support:
- Feature: Integrated overlay support to ensure the dropdown menu appears on top of other widgets.
- Details: Utilized
OverlayPortalControllerfor managing the visibility of the dropdown menu, providing a seamless user experience where the dropdown remains accessible and visible regardless of other UI elements.
0.1.0 #
- Bug Fixes: Addressed and resolved various bugs to improve the stability and performance of the
AnimatedDropdownSearchpackage.
[1.0.7] #
- Fixed Screenshots: Fixed screenshots rendering issue
[1.0.6] #
- Fixed Screenshots: Fixed screenshots rendering issue
[1.0.5] #
- Fixed Screenshots: Fixed screenshots rendering issue
[1.0.4] #
- Fixed Screenshots: Fixed screenshots rendering issue
[1.0.3] #
- Fixed Screenshots: Fixed screenshots rendering issue
[1.0.2] #
- Fixed Screenshots: Fixed screenshots rendering issue
[1.0.1] #
- Fixed Screenshots: Fixed screenshots rendering issue
[1.0.0] #
-
Adaptive Dropdown Positioning:
- Feature: The dropdown menu now adjusts its position to display either above or below the search field based on the available space.
- Details: Implemented logic to determine the position of the search field and decide if the dropdown should be displayed at the top or bottom to maximize visibility and usability.
-
Overlay Support:
- Feature: Integrated overlay support to ensure the dropdown menu appears on top of other widgets.
- Details: Utilized
OverlayPortalControllerfor managing the visibility of the dropdown menu, providing a seamless user experience where the dropdown remains accessible and visible regardless of other UI elements.
[0.1.0] #
- Bug Fixes: Addressed and resolved various bugs to improve the stability and performance of the
AnimatedDropdownSearchpackage. These fixes ensure smoother animations, better handling of edge cases in the dropdown behavior, and improved overall user experience.
0.0.9 #
- Topics Added: Added relevant topics to the package metadata for better categorization and discoverability, including Flutter, Dart, UI Components, Dropdown Menu, Animation, Search Functionality, Custom Widgets, User Interface, Highlighting, Interactive Widgets, and Sorting.
0.0.8 #
- Added Selected Item Sorting: Ensured that the selected item is placed at the top of the dropdown list, with the remaining items sorted alphabetically.
- Added Entry Animations: Implemented entry animations for the dropdown items, adding a delay and offset for each item to create a cascading effect.
0.0.7 #
- Improvements: Performance Improvements
0.0.6 #
- Highlighted Matched Text: Added the ability to highlight matched text in the dropdown options based on the search query.
- Customizable Highlight Color: Introduced
matchedTextHighlightColorproperty for setting the color of the highlighted text. - Minimum Characters to Highlight: Added
minCharactersToHighlightproperty to specify the minimum number of characters before highlighting matched text.
0.0.5 #
- Fixed Screenshots Url: Fixed Screenshot Uri issue
0.0.4 #
- Fixed Selected Option: Fixed selection option value in textformfield
0.0.3 #
- Example File Added: Included a comprehensive example file demonstrating the usage of the
AnimatedDropdownSearchwidget. - Description Updated: Updated the package description to provide a clearer and more concise overview.
- Performance Improvements: Made several performance enhancements to ensure smoother animations and faster dropdown operations.
0.0.2 #
- Added screenshots to enhance visualization of the
AnimatedDropdownSearchwidget in action. - Included content in the README highlighting the features and usage of the package, accompanied by screenshots for better illustration.
- Updated the README to provide a comprehensive overview of the package and its capabilities.
This change log reflects the enhancements made in version 0.0.2, focusing on the addition of screenshots and enriched content to improve user understanding and experience with the package.
0.0.1 #
Initial Release #
- Initial Release: Launched the
AnimatedDropdownSearchpackage. - Smooth Animations: Implemented smooth animations for dropdown opening and closing.
- Search Functionality: Added search capability within the dropdown for quick filtering.
- Customizable Styles: Enabled customization of hint text, option text, borders, and highlight colors.
- Selected Option Highlighting: Highlighted the selected option with a customizable color.
- Scroll Percentage Indicator: Introduced a visual indicator to show the scroll percentage.
- Max Height Configuration: Added the ability to configure the maximum height of the dropdown.
- Comprehensive Documentation: Included detailed documentation and usage examples in the README.
Features #
- Smooth dropdown animation for a list of options.
- Search functionality within the dropdown to filter options.
- Customizable hint text and hint text style.
- Customizable option text style.
- Highlighting of the selected option with a customizable color.
- Configurable maximum height for the dropdown options.
- Scroll percentage indicator with customizable color.
- Customizable border for the search field.
- Callback function to handle the selection of an option.
- Adaptive dropdown positioning based on available space (top/bottom).
- Overlay support to ensure dropdown menu appears on top of other widgets.
Planned Features #
- Additional customization options for dropdown animations and styles.
- Accessibility improvements and support for different languages.
- Performance optimizations and bug fixes.
