az_ui

Description:

az ui

Features #
This package is develop to speed up the process of UI development
Get Started #
You can start by changing your some widget to Az widgets like this
Way one: Widget #
Directly call our widgets
Text() to AzText()
Button() to AzButton()
and so on
copied to clipboard
Way Two: Extension #
Use extension method on exiting project
Text().azText()
Button().azButton()
and so on
copied to clipboard
AzContainer #
Calling as extension on AzText() to show border
AzText('Text')
.toContainer()
.borderColor(Colors.pink)
.primaryBorder()
.borderWidth(1)
.borderFromLTRB(bool left, bool top, bool right, bool bottom), // it will build border, so border properties change befire call this
copied to clipboard
AzButton #
Simple example of calling AzButton
AzButton('Text')
.wFull()
.primaryOutline()
.onPressed(() {
print('On Pressed call this');
}),
copied to clipboard
Color Groups #
These are the color groups implemented on specific widgets
primary, secondary, success, info, warning, danger, dark, light

calling as
primaryColor,
primaryBorder,
primaryCard,
primaryBg
copied to clipboard
Additional Information #
TODO: Currently commonly used widgets and properties are implemented
Additional #
Use Hex Color Code #
Now you can use fromHex() extension on string to see output of hex color code
'#E1E1E1'.fromHex()

with hex code example
AzText("Color").color('#000000'.fromHex())
without hex code example
AzText("Color").color(Colors.black)
copied to clipboard
Responsive Screen #
You can make your screen responsive screen by following methods.

It will convert your widget to Sizedbox

The responsive word col is derived from bootstrap css package
Example 1
AzText('Text').toResponsive().sm1(context).md1(context).lg2(context).xl1(context)

Example 2 with single method
AzText('Text').toResponsive().col('col-sm-1 col-md-1 col-lg-2 col-xl-1')
copied to clipboard
Navigate to Screen #
You can navigate between screen like this
Goto new screen
AzNavigate(context).to(
screen: HomeScreen(),
direction:'up'
);

Go back to previous screen
AzNavigate(context).back()
copied to clipboard