ui_helper library

Contains UI Helpers to speed boost you development time! These will help you make your app responsive and also provides text styles.

Classes

ButtonWidget
InputFieldWidget
Returns an Text Field Widget
TextWidget
Creates a text widget

Constants

bodyStyle → const TextStyle
Text Style with fontSize: 16 and fontWeight: FontWeight.w400
captionStyle → const TextStyle
Text Style with fontSize: 12 and fontWeight: FontWeight.w400
heading1Style → const TextStyle
Text Style with fontSize: 34 and fontWeight: FontWeight.w400
heading2Style → const TextStyle
Text Style with fontSize: 28 and fontWeight: FontWeight.w600
heading3Style → const TextStyle
Text Style with fontSize: 24 and fontWeight: FontWeight.w600
headlineStyle → const TextStyle
Text Style with fontSize: 30 and fontWeight: FontWeight.w700
kcLightGreyColor → const Color
kcMediumGreyColor → const Color
kcVeryLightGreyColor → const Color
subheadingStyle → const TextStyle
Text Style with fontSize: 20 and fontWeight: FontWeight.w400

Properties

horizontalSpaceLarge Widget
Horizontal space with width: 50.0
final
horizontalSpaceMedium Widget
Horizontal space with width: 25.0
final
horizontalSpaceRegular Widget
Horizontal space with width: 18.0
final
horizontalSpaceSmall Widget
Horizontal space with width: 10.0
final
horizontalSpaceTiny Widget
Horizontal space with width: 5.0
final
verticalSpaceLarge Widget
Vertical space with height: 50.0
final
verticalSpaceMassive Widget
Vertical space with height: 120.0
final
verticalSpaceMedium Widget
Vertical space with height: 25.0
final
verticalSpaceRegular Widget
Vertical space with height: 18.0
final
verticalSpaceSmall Widget
Vertical space with height: 10.0
final
verticalSpaceTiny Widget
Vertical space with height: 5.0
final

Functions

horizontalSpaceCustom({required double width}) Widget
Horizontal space with custom width
screenHeight(BuildContext context) double
Returns the height of the screen
screenHeightPercentage(BuildContext context, {required double percentage}) double
Returns screen height * percentage. percentage should be between 0 and 1 where 0 is 0% and 100 is 100% of the screens height
screenWidth(BuildContext context) double
Returns the width of the screen
screenWidthPercentage(BuildContext context, {required double percentage}) double
Returns screen width * percentage. percentage should be between 0 and 1 where 0 is 0% and 100 is 100% of the screens width
verticalSpaceCustom({required double height}) Widget
Returs a vertical space with custom height