GitLocker: The Coding Marketplace

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