animated_search_bar

Description:

animated search bar

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"
copied to clipboard
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;
});
},
),
copied to clipboard
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 ☕️