az_ui 0.0.11 copy "az_ui: ^0.0.11" to clipboard
az_ui: ^0.0.11 copied to clipboard

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

Way Two: Extension #

Use extension method on exiting project

Text().azText()
Button().azButton()
and so on

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

AzButton #

Simple example of calling AzButton

AzButton('Text')
.wFull()
.primaryOutline()
.onPressed(() {
    print('On Pressed call this');
}),

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

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)

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')

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()
6
likes
80
points
50
downloads

Publisher

verified publisherzahidaz.com

Weekly Downloads

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

Repository (GitHub)

Documentation

API reference

License

MIT (license)

Dependencies

flutter

More

Packages that depend on az_ui