quds_ui_kit library
Quds UI Kit provides
- (animating icons, buttons, texts, counter, digital clock)
- page transitions
- toasts
- dialogs
- pagination
- splash screen
- ... etc.
Classes
- QudsAnimatedCombinedIcons
- An animated widget that combines two IconDatas with transition from the first to the second and reverse this transition. It applies rotation with fade effect within icons transition.
- QudsAnimatedCombinedIconsButton
- An animated combined icons button.
- QudsAnimatedCounter
- An animating counter, flips automatically when change the number.
- QudsAnimatedIcon
- A wrap of flutter embedded AnimatedIcons with simlpe control.
- QudsAnimatedIconButton
- A flutter animated icon button
- QudsAnimatedListView
- An animated list view with ability to customize the children animation.
- QudsAnimatedText
- A widget shows a flipping text when data is changed.
- QudsAnimatedWidgetsFlipper
- An animated flipper between two widgets with fade and rotation transitions.
- QudsAutoAnimatedBlur
- A widget with auto animated blur transition.
- QudsAutoAnimatedCombinedIcons
- An auto animated widget that combines two IconDatas with transition from the first to the second and reverse this transition. It applies rotation with fade effect within icons transition.
- QudsAutoAnimatedIcon
- An auto AnimatedIconData animator.
- QudsAutoAnimatedOpacity
- An auto animated widget with fade effect.
- QudsAutoAnimatedSize
- An animated size widget that start animation after a while
- QudsAutoAnimatedSlide
- An auto animated widget with slide effect.
- QudsBackIconButton
- An animated back iconButton.
-
QudsBlurPageRoute<
T> - A page route with blur transition.
- QudsCheckbox
- A simple circled checkbox
- QudsCheckboxListTile
- A listtile with a checkbox
- QudsCheckboxWithText
- A checkbox with animated text
-
QudsCollectionPagination<
T> - A widget that show list of items with pagining.
- QudsColumnOfRows
- Represents a Column of Rows
- QudsDigitalClockViewer
- A live digital clock viewer with digits flipping effect.
- QudsDigitalTimeViewer
- A digital clock viewer with digits flipping effect.
-
QudsFadePageRoute<
T> - A page route with fade transition.
- QudsIconWithShadow
- Icon with shadow.
- QudsLightDrawer
- A drawer with simple design.
- QudsPopupButton
- A button with radian ink splash effect.
- QudsPopupMenuBase
-
The base of the items of
QudsPopupMenu
- QudsPopupMenuDivider
- A divider to be inserted in the popup menu
- QudsPopupMenuItem
-
An item for
QudsPopupMenu
like ListTile - QudsPopupMenuSection
-
A Section of items in
QudsPopMenu
- QudsPopupMenuWidget
- Quds popup menu that holds a widget
- QudsRadianButton
- A button with radian ink splash effect.
-
QudsRotatePageRoute<
T> - A page route with rotation transition.
- QudsScalablePressable
- An animated widget with scale transition after being bressed or mouse hovered.
-
QudsSlidePageRoute<
T> - A page route with slide transition.
- QudsSplashView
- Splash screen component with pre-defined components.
-
QudsTransitionPageRoute<
T> - Page route with combined transition with ability to customize.
-
QudsZoomPageRoute<
T> - A page route with zoom transition.
Enums
- BorderSheetPosition
- The border sheet position.
- QudsToastTime
- The toast period to show.
- SlideDirection
- The slide transition direction.
- ZoomType
- The zoom transition type.
Functions
-
showQudsConfirmDeleteDialog(
BuildContext context, {Widget? child = const Text('Are you sure to delete?'), Widget builder(BuildContext context)?, EdgeInsets insetPadding = _defaultDialogInsetPadding, String? title = 'Delete', AlignmentGeometry alignment = Alignment.center, Color? backgroundColor, Color? barrierColor, BorderRadius? borderRadius, String deleteText = 'Delete', String cancelText = 'Cancel', bool withBlur = false, Function? onDeletePressed, Function? onCancelPressed, bool withAnimatedSize = true}) → Future< void> -
Show confirmation delete dialog with two actions
Delete
-Cancel
. -
showQudsConfirmExitDialog(
BuildContext context, {Widget? child = const Text('Are you sure to exit?'), Widget builder(BuildContext context)?, EdgeInsets insetPadding = _defaultDialogInsetPadding, String? title = 'Exit', AlignmentGeometry alignment = Alignment.center, Color? backgroundColor, BorderRadius? borderRadius, String exitText = 'Exit', String cancelText = 'Cancel', Color? barrierColor, bool withBlur = false, Function? onExitPressed, Function? onCancelPressed, bool withAnimatedSize = true}) → Future< void> -
Show confirmation exit dialog with two actions
Exit
-Cancel
. -
showQudsDialog<
T> (BuildContext context, {Widget? child, Widget builder(BuildContext context)?, EdgeInsets insetPadding = _defaultDialogInsetPadding, Widget? title, List< Widget> ? actions, List<Widget> ? leadingActions, AlignmentGeometry alignment = Alignment.center, Color? backgroundColor, Color? barrierColor, BorderRadius? borderRadius, bool withBlur = false, bool withAnimatedSize = true}) → Future<T?> - Show a dialog with already defined components like title, body, bottom actions, leading icon.
-
showQudsModalBorderSheet<
T> (BuildContext context, Widget builder(BuildContext context), {BorderSheetPosition borderSheetPosition = BorderSheetPosition.RespectToScreenOrientation, String? titleText, double cornerRadius = 15, Widget? title, Curve curve = Curves.fastLinearToSlowEaseIn, Duration duration = const Duration(milliseconds: 500)}) → Future< T?> - Show modal border.
-
showQudsModalBottomSheet<
T> (BuildContext context, Widget builder(BuildContext context), {EdgeInsets? contentPadding, String? titleText, Widget? title}) → Future< T?> - Show modal bottom sheet with buatiful container.
-
showQudsPopupMenu(
{required BuildContext context, required List< QudsPopupMenuBase> items, Offset? startOffset, Offset? endOffset, Color? backgroundColor}) → void -
Show
QudsPopupMenu
from calling buttoncontext
the calling build context.items
the items to be shown in the menuuseRootNavigator
weather to use root navigatorbackgroundColor
the background of the popup menu -
showQudsToast(
BuildContext context, {MainAxisAlignment alignment = MainAxisAlignment.center, Widget? content, List< Widget> ? leadingActions, List<Widget> ? trailingActions, Color? backgroundColor, Color? shadowColor, Duration? displayDuration, QudsToastTime? toastTime = QudsToastTime.Normal}) → Future - Show customizable buatiful toast.
-
showQudsYesNoDialog(
BuildContext context, {Widget? child, Widget builder(BuildContext context)?, EdgeInsets insetPadding = _defaultDialogInsetPadding, Widget? title, List< Widget> ? leadingActions, AlignmentGeometry alignment = Alignment.center, Color? backgroundColor, BorderRadius? borderRadius, String yesText = 'Yes', String noText = 'No', Color? yesColor, Color? barrierColor, bool withBlur = false, Color? noColor, Function? onYesPressed, Function? onNoPressed, bool withAnimatedSize = true}) → Future<void> -
Show two actions dialog with
Yes
-No
.