AnimatedSearchBar 
A Beautiful and Simple SearchBar widget with animation transition. It can be fully customized with label, labelStyle,
searchDecoration, etc. It also maintains onChange state.
Getting Started
In the pubspec.yaml of your flutter project, add the following dependency:
... animated_search_bar: "^latest_version"
Usage Examples
import 'package:animated_search_bar/animated_search_bar.dart';
String searchText="";
AnimatedSearchBar(
label: "Search Something Here",
onChanged: (value) {
debugPrint("value on Change");
setState(() {
searchText = value;
});
},
),
Available Parameters
| Param | isRequired |
|---|---|
| String label | No |
| Function(String) onChanged | No |
| TextStyle labelStyle | No |
| Alignment labelAlignment | No |
| TextAlign labelTextAlign | No |
| InputDecoration searchDecoration | No |
| int animationDuration in milliseconds | No |
| TextStyle searchStyle | No |
| Color cursorColor | No |
| Duration duration , debouncer duration default 300ms | No |
| double height , default 60 | No |
| Widget closeIcon , default const Icon(Icons.close, key: ValueKey("close")) | No |
| Widget searchIcon , default const Icon(Icons.search, key: ValueKey("search")) | No |
| TextEditingController controller | No |
| Function(String) onFieldSubmitted | No |
| TextInputAction textInputAction default TextInputAction.search | No |
Buy me coffee if you love my works ☕️
