AnimatedSearchBar pub package License: MIT Build Status

A Beautiful and Simple SearchBar widget with animation transition. It can be fully customized with label, labelStyle, searchDecoration, etc. It also maintains onChange state. Animated Searchbar Demo

Getting Started

In the pubspec.yaml of your flutter project, add the following dependency:

 ... animated_search_bar: "^latest_version"

Usage Examples

String searchText="";

AnimatedSearchBar(
  label: "Search Something Here",
  onChanged: (value) {
    print("value on Change");
    setState(() {
      searchText = value;
    });
  },
),

Available Parameters

ParamisRequired
String labelNo
Function(String) onChangedNo
TextStyle labelStyleNo
InputDecoration searchDecorationNo
int animationDuration in millisecondsNo
TextStyle searchStyleNo
Color cursorColorNo
Duration duration , debouncer duration default 300msNo
double height , default 60No
Widget closeIcon , default const Icon(Icons.close, key: ValueKey("close"))No
Widget searchIcon , default const Icon(Icons.search, key: ValueKey("search"))No
TextEditingController controllerNo

Buy me coffee if you love my works ☕️

ko-fi      buymeacoffe      paypal



Libraries

debouncer