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

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 ☕️

ko-fi      buymeacoffe      paypal