typograpy done in gf_header

Author: shravyackm

example/lib/main.dart

@@ -33,6 +33,7 @@ import 'package:ui_kit/components/header/gf_header.dart';
 import 'package:ui_kit/position/gf_position.dart';
 
 import 'package:ui_kit/components/toast/gf_toast.dart';
+import 'package:ui_kit/types/gf_heading_type.dart';
 
 final List<String> imageList = [
   "https://cdn.pixabay.com/photo/2017/12/03/18/04/christmas-balls-2995437_960_720.jpg",
@@ -144,6 +145,8 @@ class _MyHomePageState extends State<MyHomePage> {
 
 
 
+
+
           GFListTile(
             avatar: GFAvatar(),
 
@@ -203,25 +206,42 @@ class _MyHomePageState extends State<MyHomePage> {
 
           Container(
 //            padding: EdgeInsets.only(left: 20, right: 20),
-            child:  GFHeader(
-//              icon: Icon(Icons.image, color: Colors.white,),
-              text: 'GET FLUTTER HEADER',
-//textColor: Colors.red,
-              dividerWidth: 20,
-//backgroundImage: NetworkImage('https://cdn.pixabay.com/photo/2017/12/03/18/04/christmas-balls-2995437_960_720.jpg'),
-//showDivider: false,
+            child:  Column(
+              children: <Widget>[
+                GFHeader(
+                  text: 'GET FLUTTER HEADER',
+                  type: GFHeadingType.typo1,
+
+                ),
+                GFHeader(
+                  text: 'GET FLUTTER HEADER',
+                  type: GFHeadingType.typo2,
+
+                ),
+                GFHeader(
+                  text: 'GET FLUTTER HEADER',
+                  type: GFHeadingType.typo3,
+//                  dividerWidth: 20,
+                ),
+                GFHeader(
+                  text: 'GET FLUTTER HEADER',
+                  type: GFHeadingType.typo4,
 
-//              textColor: Colors.black,
-//              dividerColor: Colors.red,
-//dividerAlignment: Alignment.center,
+                ),
+                GFHeader(
+                  text: 'GET FLUTTER HEADER',
+                  type: GFHeadingType.typo5,
 
+                ),
+                GFHeader(
+                  text: 'GET FLUTTER HEADER',
+                  type: GFHeadingType.typo6,
 
+                ),
+              ],
+            )
+          ),
 
-//            child: Text('GF HEADER ', ),
-//            dividercolor: GFColor.warning,
-//            dividerBorderRadius: BorderRadius.all(Radius.circular(0)),
-            ),
-          )
 
         ],
       ),

lib/components/header/gf_header.dart

@@ -21,8 +21,6 @@ class GFHeader extends StatelessWidget {
 
 
 
-  /// Button type of [GFHeaderType] i.e, typo1, typo2, typo3, typo4, typo5, typo6
-  final GFHeadingType type;
 
   /// child of  type [Widget] is alternative to text key. text will get priority over child
   final Widget child;
@@ -57,8 +55,29 @@ class GFHeader extends StatelessWidget {
   ///backgroundImagecolorFilter of type [ColorFilter] to set the background color of [GFHeader] only when backgroundImage is available
   final ColorFilter backgroundImagecolorFilter;
 
+
+  /// header type of [GFHeaderType] i.e, typo1, typo2, typo3, typo4, typo5, typo6
+  final GFHeadingType type;
+
   @override
   Widget build(BuildContext context) {
+
+    double fontSize;
+
+    if(type == GFHeadingType.typo1){
+      fontSize = 25.0;
+    }else if(type == GFHeadingType.typo2){
+      fontSize = 22.0;
+    }else if (type == GFHeadingType.typo3){
+      fontSize = 19.0;
+    }else if(type == GFHeadingType.typo4){
+      fontSize = 17.0;
+    }else if (type == GFHeadingType.typo5){
+      fontSize = 15.0;
+    }else if(type == GFHeadingType.typo6){
+      fontSize = 13.0;
+    }
+
     return Container(
         padding: EdgeInsets.all(backgroundImage != null ? 10 : 0),
         decoration: BoxDecoration(
@@ -89,7 +108,7 @@ class GFHeader extends StatelessWidget {
                                 : backgroundImage != null
                                     ? Colors.white
                                     : Colors.black,
-                            fontSize:  16,
+                            fontSize:  fontSize,
                             letterSpacing: 0.3,
                             fontWeight: FontWeight.w500),
                       )
@@ -98,11 +117,11 @@ class GFHeader extends StatelessWidget {
             ),
             showDivider
                 ? Container(
-                    margin: EdgeInsets.only(top: 5, bottom: 5),
+                    margin: EdgeInsets.only(top: 3, bottom: 3),
                     alignment: dividerAlignment,
                     child: Container(
                       width: dividerWidth != null ? dividerWidth : 70,
-                      height: 4,
+                      height: fontSize/5,
                       decoration: BoxDecoration(
                           color: dividerColor != null
                               ? getGFColor(dividerColor)