A Beautiful and Simple SearchBar widget with animation transition. It can be fully customized with label, labelStyle,
searchDecoration, etc. It also maintains onChange state.
In the pubspec.yaml of your flutter project, add the following dependency:
... animated_search_bar: "^latest_version"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;
});
},
),| 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 |
