Merge pull request #71 from deepikahr/searchBar

Search bar

Author: deepikahr

example/lib/main.dart

@@ -74,10 +74,10 @@ class _MyHomePageState extends State<MyHomePage>
   Widget build(BuildContext context) {
     return Scaffold(
       drawer: GFDrawer(
-        colorFilter: new ColorFilter.mode(
-            Colors.black.withOpacity(0.6), BlendMode.darken),
-        backgroundImage: NetworkImage(
-            "https://cdn.pixabay.com/photo/2017/12/03/18/04/christmas-balls-2995437_960_720.jpg"),
+//        colorFilter: new ColorFilter.mode(
+//            Colors.teal.withOpacity(0.6), BlendMode.darken),
+//        backgroundImage: NetworkImage(
+//            "https://cdn.pixabay.com/photo/2017/12/03/18/04/christmas-balls-2995437_960_720.jpg"),
         gradient: LinearGradient(
           begin: Alignment.topRight,
           end: Alignment.bottomLeft,
@@ -89,6 +89,7 @@ class _MyHomePageState extends State<MyHomePage>
             Colors.teal[200],
           ],
         ),
+        color: Colors.greenAccent,
         child: ListView(
           padding: EdgeInsets.zero,
           children: <Widget>[
@@ -99,7 +100,7 @@ class _MyHomePageState extends State<MyHomePage>
                     "https://cdn.pixabay.com/photo/2017/12/03/18/04/christmas-balls-2995437_960_720.jpg"),
               ),
               decoration: BoxDecoration(
-                color: Colors.teal.withOpacity(0.45),
+                color: Colors.transparent,
               ),
               otherAccountsPictures: <Widget>[
                 Image(
@@ -115,20 +116,18 @@ class _MyHomePageState extends State<MyHomePage>
                 mainAxisAlignment: MainAxisAlignment.start,
                 crossAxisAlignment: CrossAxisAlignment.start,
                 children: <Widget>[
-                  Text('user'),
-                  Text('user@asdf.com'),
+                  Text('user name'),
+                  Text('user@userid.com'),
                 ],
               ),
             ),
             ListTile(
               title: Text('Item 1'),
-              onTap: () {
-                Navigator.pop(context);
-              },
+              onTap: null,
             ),
             ListTile(
               title: Text('Item 2'),
-              onTap: () {},
+              onTap: null,
             ),
           ],
         ),
@@ -182,8 +181,8 @@ class _MyHomePageState extends State<MyHomePage>
           children: <Widget>[
             GFSearchBar(
               searchList: list,
-              hideSearchBoxWhenItemSelected: false,
-              overlaySearchListHeight: 100.0,
+//              hideSearchBoxWhenItemSelected: false,
+//              overlaySearchListHeight: 100.0,
               searchQueryBuilder: (query, list) {
                 return list
                     .where((item) =>
@@ -192,17 +191,17 @@ class _MyHomePageState extends State<MyHomePage>
               },
               overlaySearchListItemBuilder: (item) {
                 return Container(
-                  padding: const EdgeInsets.all(12),
+                  padding: const EdgeInsets.all(8),
                   child: Text(
                     item,
                     style: const TextStyle(fontSize: 18),
                   ),
                 );
               },
-              noItemsFoundWidget: Container(
-                color: Colors.green,
-                child: Text("no items found"),
-              ),
+//              noItemsFoundWidget: Container(
+//                color: Colors.green,
+//                child: Text("no items found..."),
+//              ),
               onItemSelected: (item) {
                 setState(() {
                   print('ssssssss $item');

lib/components/appbar/gf_appbar.dart

@@ -408,41 +408,38 @@ class _GFAppBarState extends State<GFAppBar> {
       );
     }
 
-    searchBar = ListTile(
-      contentPadding: EdgeInsets.zero,
-      title: TextField(
-        cursorColor: widget.searchBarColorTheme,
-        style: widget.searchTextStyle,
-        decoration: new InputDecoration(
-          prefixIcon: new Icon(
-            Icons.search,
+    searchBar = TextField(
+      cursorColor: widget.searchBarColorTheme,
+      style: widget.searchTextStyle,
+      decoration: new InputDecoration(
+        prefixIcon: new Icon(
+          Icons.search,
+          color: widget.searchBarColorTheme,
+          size: 18.0,
+        ),
+        suffixIcon: GFIconButton(
+          icon: Icon(
+            Icons.close,
             color: widget.searchBarColorTheme,
-            size: 18.0,
-          ),
-          hintText: widget.searchHintText,
-          hintStyle: widget.searchHintStyle,
-          focusedBorder: UnderlineInputBorder(
-            borderSide: BorderSide(width: 1, color: widget.searchBarColorTheme),
+            size: 20.0,
           ),
+          type: GFButtonType.transparent,
+          onPressed: () {
+            setState(() {
+              showSearchBar = !showSearchBar;
+            });
+          },
         ),
-        onTap: widget.onTap,
-        onChanged: widget.onChanged,
-        controller: widget.searchController,
-        onSubmitted: widget.onSubmitted,
-      ),
-      trailing: GFIconButton(
-        icon: Icon(
-          Icons.close,
-          color: widget.searchBarColorTheme,
-          size: 20.0,
+        hintText: widget.searchHintText,
+        hintStyle: widget.searchHintStyle,
+        focusedBorder: UnderlineInputBorder(
+          borderSide: BorderSide(width: 1, color: widget.searchBarColorTheme),
         ),
-        type: GFButtonType.transparent,
-        onPressed: () {
-          setState(() {
-            showSearchBar = !showSearchBar;
-          });
-        },
       ),
+      onTap: widget.onTap,
+      onChanged: widget.onChanged,
+      controller: widget.searchController,
+      onSubmitted: widget.onSubmitted,
     );
 
     if (!showSearchBar) {

lib/components/drawer/gf_drawer.dart

@@ -57,15 +57,16 @@ class GFDrawer extends StatelessWidget {
   /// Typically used in the [Scaffold.drawer] property.
   ///
   /// The [elevation] must be non-negative.
-  const GFDrawer(
-      {Key key,
-      this.elevation = 16.0,
-      this.child,
-      this.semanticLabel,
-      this.backgroundImage,
-      this.colorFilter,
-      this.gradient})
-      : assert(elevation != null && elevation >= 0.0),
+  const GFDrawer({
+    Key key,
+    this.elevation = 16.0,
+    this.child,
+    this.semanticLabel,
+    this.backgroundImage,
+    this.colorFilter,
+    this.gradient,
+    this.color,
+  })  : assert(elevation != null && elevation >= 0.0),
         super(key: key);
 
   /// The z-coordinate at which to place this drawer relative to its parent.
@@ -105,6 +106,9 @@ class GFDrawer extends StatelessWidget {
   ///  applying the same transform to the entire canvas.
   final Gradient gradient;
 
+  /// Defines the background color of the drawer
+  final dynamic color;
+
   @override
   Widget build(BuildContext context) {
     assert(debugCheckHasMaterialLocalizations(context));
@@ -131,7 +135,7 @@ class GFDrawer extends StatelessWidget {
           elevation: elevation,
           child: Container(
             decoration: new BoxDecoration(
-              color: Colors.teal,
+              color: color,
               gradient: gradient,
               image: backgroundImage != null
                   ? new DecorationImage(