GF Typography

GFTypography defines the different sizes of the texts in the application varying from Type 1 to Type 6.

Typography
​
Usage
The simple Typography code is as shown below 
import 'package:getwidget/getwidget.dart';
​
GFTypography(
  text: 'GF Header Typo1',
),
Size
The different sizes of Typography differs from Typo1 to Typo6
import 'package:getwidget/getwidget.dart';
​
GFTypography(
  text: 'GF Header Typo1',
  type: GFTypographyType.typo1,
  ),
With Icon
Typography with icon
import 'package:getwidget/getwidget.dart';
 
 GFTypography(
   text: 'GF Header Typo1',
   type: GFTypographyType.typo1,
   icon: Icon(Icons.send),
 ),
With BackgroundImage
Typography with background image
import 'package:getwidget/getwidget.dart';
​
GFTypography(
  text: 'GF Header Typo1',
  type: GFTypographyType.typo1,
  icon: Icon(Icons.send),
  backgroundImage: NetworkImage(''),
),
Custom Properties
​
​
child
child of type Widget alternative to text Key
dividerColor
defines the color of the divider
textColor
defines the color of the text
dividerBorderRadius
the border radius of the divider
dividerAlignment
the alignment of the divider to start, center or end
showDivider
bool value to hide or show divider , defaults to true
dividerWidth
the width of the divider
backgroundImagecolorFilter
colorFilter of background image only when background image is available

GF Toggle

GF Drawer

Last updated 1 month ago


child	child of type Widget alternative to text Key
dividerColor	defines the color of the divider
textColor	defines the color of the text
dividerBorderRadius	the border radius of the divider
dividerAlignment	the alignment of the divider to `start`, `center` or `end`
showDivider	bool value to hide or show divider , defaults to true
dividerWidth	the width of the divider
backgroundImagecolorFilter	colorFilter of background image only when background image is available