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"

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
bool autoFocus *default false	No

---

Buy me coffee if you love my works ☕️