anim_search_app_bar 1.0.3 copy "anim_search_app_bar: ^1.0.3" to clipboard
anim_search_app_bar: ^1.0.3 copied to clipboard

A flutter package that has an animated search bar with loads of customization

anim_search_app_bar #

An animated SearchAppBar Widget, to be used with Flutter.

Website example >> https://animsearchappbar.mustafaturkmen.dev

demo

Usage #

It has a very easy to use.

add this line to pubspec.yaml


   dependencies:
     anim_search_app_bar: ^1.0.3

import package


   import 'package:anim_search_app_bar/anim_search_app_bar.dart';

const AnimSearchAppBar(
  cancelButtonText: "Cancel",
  hintText: 'Search',
),

Complete Example #

class SearchScreen extends StatelessWidget {
  final TextEditingController searchController = TextEditingController();
  
  SearchScreen({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        children: [
          AnimSearchAppBar(
            cancelButtonText: "Cancel",
            hintText: 'Search for Neighborhood, Street or avenue',
            cSearch: searchController,
            appBar: const PBAppBar(
              title: 'Search',
            ),
          ),
          const Expanded(child: SearchView()),
        ],
      ),
    );
  }
}
33
likes
120
pub points
68%
popularity

Publisher

verified publishermustafaturkmen.dev

A flutter package that has an animated search bar with loads of customization

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on anim_search_app_bar