az_ui 0.0.11

AzUi package use for easy and smooth development of ui for any flutter application, it is build by zahidaz.com.

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