list_item is in progress

Author: shravyackm

example/lib/main.dart

@@ -15,7 +15,7 @@ import 'package:ui_kit/components/badge/gf_badge.dart';
 
 import 'package:ui_kit/components/card/gf_card.dart';
 
-import 'package:ui_kit/components/header_bar/gf_title_bar.dart';
+import 'package:ui_kit/components/list_item/gf_list_item.dart';
 
 import 'package:ui_kit/components/image/gf_image_overlay.dart';
 
@@ -84,6 +84,16 @@ class _MyHomePageState extends State<MyHomePage> {
 
       body: Column(
         children: <Widget>[
+          GFListItem(
+            avatar: GFAvatar(),
+
+            title: GFHeader(
+              text: 'cvbn',
+//             showDivider: false,
+              backgroundImage: NetworkImage('https://cdn.pixabay.com/photo/2017/12/03/18/04/christmas-balls-2995437_960_720.jpg'),
+            ),
+            subTitle: Text('cfghjk'),
+          ),
         Container(
           margin: EdgeInsets.only(top:10),
           child:   GFToast(

lib/components/card/gf_card.dart

@@ -1,7 +1,7 @@
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 import 'package:ui_kit/components/button_bar/gf_button_bar.dart';
-import 'package:ui_kit/components/header_bar/gf_title_bar.dart';
+import 'package:ui_kit/components/list_item/gf_list_item.dart';
 import 'package:ui_kit/components/image/gf_image_overlay.dart';
 import 'package:ui_kit/position/gf_position.dart';
 
@@ -62,7 +62,7 @@ class GFCard extends StatelessWidget {
   final bool semanticContainer;
 
   /// The title to display inside the [GFTitleBar]. see [GFTitleBar]
-  final GFTitleBar title;
+  final GFListItem title;
 
   /// widget can be used to define content
   final Widget content;

lib/components/header/gf_header.dart

@@ -92,7 +92,7 @@ class GFHeader extends StatelessWidget {
             ),
             showDivider
                 ? Container(
-                    margin: EdgeInsets.only(top: 5),
+                    margin: EdgeInsets.only(top: 5, bottom: 5),
                     alignment: dividerAlignment,
                     child: Container(
                       width: dividerWidth != null ? dividerWidth : 70,

…/components/header_bar/gf_title_bar.dart …b/components/list_item/gf_list_item.dartlib/components/header_bar/gf_title_bar.dart renamed to lib/components/list_item/gf_list_item.dart lib/components/header_bar/gf_title_bar.dart renamed to lib/components/list_item/gf_list_item.dart

@@ -2,7 +2,7 @@ import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 import 'package:ui_kit/components/avatar/gf_avatar.dart';
 
-class GFTitleBar extends StatelessWidget {
+class GFListItem extends StatelessWidget {
   /// The card's background color.
   final Color color;
 
@@ -15,16 +15,16 @@ class GFTitleBar extends StatelessWidget {
   /// [GFAvatar] used to create rounded user profile
   final GFAvatar avatar;
 
-  /// The title to display inside the [GFTitleBar]. see [Text]
+  /// The title to display inside the [GFListItem]. see [Text]
   final Widget title;
 
-  /// The subTitle to display inside the [GFTitleBar]. see [Text]
+  /// The subTitle to display inside the [GFListItem]. see [Text]
   final Widget subTitle;
 
-  /// The icon to display inside the [GFTitleBar]. see [Icon]
+  /// The icon to display inside the [GFListItem]. see [Icon]
   final Widget icon;
 
-  const GFTitleBar(
+  const GFListItem(
       {Key key,
       this.color,
       this.padding,