chow_search_bar 0.0.1 chow_search_bar: ^0.0.1 copied to clipboard
A Beautiful and Simple SearchBar widget for android, ios and web. It can be fully customized with label, labelStyle, searchBar Decoration, etc. It also maintains onChange and onHover state.
Chow Design Touchables #
Chow Design System Primary Button
Usage #
import 'package:chow_search_bar/chow_search_bar.dart';
class ChowApp extends StatelessWidget {
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('Chow Search Bar'),
bottom: PreferredSize(
preferredSize: const Size.fromHeight(50),
child: ChowSearchField(
backgroundColor: Theme.of(context).colorScheme.background,
hinText: 'Search chow...',
trailingTap: () {},
active: true,
onChanged: (value) {
setState(() {
text = value;
});
},
onSubmit: (value) {
setState(() {
text = value;
});
},
)))
);
}
}
FAQs #
What is this? #
This package gives you access to the Touchableopacity widget. This Package uses the Inkwell to allow interaction and animated to opacity of the widget on touch events.