chow_search_bar 0.0.2

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 Search Bar

Chow Design System Search Par

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.