XuXu UI - Useful Mini Framework

Alt text

Installing

Add it to your pubspec.yaml file:

dependencies:
  xuxu_ui: ^0.0.3

Install packages from the command line

flutter packages get

If you like this package, consider supporting it by giving it a star on GitHub and a like on pub.dev ❤️

Basic Example

Flutter vs XuXu UI

Important Keywords And Usage Rules

  • All Widgets start with Xu
  • To declare that the widget created with XuXu UI is a widget, the create() function should work.
  • The create() function should always be called after all operations have finished.

XuBox - Container

  • After all the operations, we specify that this is a widget with .create().
  • With XuBoxDecration, you can use your DecorationBox features more easily and quickly.

XuText - Text

  • After all the operations, we specify that this is a widget with .create().

XuVStack - Column

  • Important Functions
FunctionDescription
space()Adds space between all widgets in vertical alignment
bgColor()Assigns background color to all widgets
unique()It excludes widgets that you do not want to be affected by the space and background functions.

XuHStack - Row

  • Important Functions
FunctionDescription
space()Adds space between all widgets in horizontal alignment
bgColor()Assigns background color to all widgets
unique()It excludes widgets that you do not want to be affected by the space and background functions.

XuZStack - Stack

XuListBuilder - ListView.builder

FunctionDescription
count()List item count
pAll()Padding All
pOnly()Padding Only ( left - right - bottom - top)
wrap()shinkWrap
  • and more ..

SpaceH & SpaceV - SizedBox

WidgetsDescription
SpaceHHorizontal space
SpaceVVertical space

Gestures - GestureDetector ( Auto Updated State )

  • Available gesturs

  • onTap

  • onDoubleTap

  • onLongPress

ParameterDescription
stateThe state parameter is optional. If you do not want to call the SetState function and you want the variable on the screen to be updated, you should assign this to state parameter. Remember, this is an optional parameter, it will not update the state unless you assigns it.

Useful Extensions -- Expanded - Flexible - Center - Padding

ExtensionsDescription
expanded()Expanded Widget
flexible()Flexible Widget
center()Center Widget
paddingAll()EdgeInsets.all Widget
paddingOnly()EdgeInsets.only Widget
positioned()Positioned Widget
positionedFill()Positioned.fill() Widget
unique()It's important for XuHStack and HuVStack

Contact

Libraries

xuxu_ui