zog_ui
library
Classes
AccentColor
An accent color is a color that can have multiple shades. It's
similar to ShadedColor and ColorSwatch , but it has helper
methods to help you access the shade you want easily. These
shades may not be accessible on every accent color.
Assets
A dropdown menu that can be opened from a TextField . The selected
menu item is displayed in that field.
DockedMonthPicker
DockedYearPicker
A scrollable grid of years to allow picking a year.
HourMinuteControlStyle
RatingWidget
ShadedColor
SkeletonAvatarStyle
SkeletonItem
The flexible skeleton loading widget.
SkeletonLineStyle
Skeleton Style for line
SkeletonListTileStyle
Skeleton Style for List Tile
SkeletonParagraphStyle
Skeleton Style for paragraph text
YearPicker
A scrollable grid of years to allow picking a year.
ZeroAccordion
ZeroAccordion is a set of ZeroExpansionTile
ZeroAlertDialog
ZeroAlertDialogStyle
ZeroApp
An application that uses zero-ui design.
ZeroAppBar
ZeroAppBarStyle
ZeroAvatar
ZeroAvatarGroup
The group containing a horizontal list of ZeroAvatar widgets
You just need to have a set of existing ZeroAvatar 's instances
and this widget will form the small icons for you out-of-the box
ZeroAvatarStyle
ZeroBadge
ZeroBottomSheetStyle
ZeroButton
ZeroButton created based on ElevatedButton and TextButton with some customizations
how to use this widget is almost the same as ElevatedButton , TextButton , OutlinedButton
ZeroButtonGroup
ZeroButtonGroupFilledStyle
A button group style for a filled ZeroButtonGroup .
ZeroButtonGroupOutlinedStyle
A button group style for a outlined ZeroButtonGroup .
ZeroButtonGroupStyle
A basic class for button group styles
ZeroButtonGroupStyleSet
ZeroButtonGroupTextStyle
A button group style for a text ZeroButtonGroup .
ZeroButtonGroupUnderlineStyle
A button group style for a underline ZeroButtonGroup .
ZeroButtonIcon
ZeroButtonIconStyle
ZeroButtonIconStyleSet
ZeroButtonStyle
ZeroButtonStyle is the class that will be used to style ZeroButton , ZeroButtonRightIcon, ZeroButtonLeftIcon, ZeroButtonRightLeftIcon, ZeroButtonIcon
ZeroCalendarDatePicker
Displays a grid of days for a given month and allows the user to select a
date.
ZeroCalendarPickerStyle
ZeroCard
A card widget with custom style.
there are 3 styles for ZeroCard :
ZeroCardElevatedStyle
a style for ZeroCard with elevation
ZeroCardFilledStyle
a style for ZeroCard with background color and no border line and no shadow/elevation
ZeroCardOutlinedStyle
a style for ZeroCard with border line and no shadow/elevation
ZeroCardStyle
a style for ZeroCard
ZeroCheckbox
ZeroCheckbox based on Checkbox widget with additional properties isDisabled and size
how to use ZeroCheckbox is same as using a Checkbox widget
ZeroCheckboxStyle
ZeroChipFilled
ZeroChipFilledStyle
A style for widget ZeroChipFilled
ZeroChipOutlined
ZeroChipOutlinedStyle
A style for widget ZeroChipOutlined
ZeroColors
ZeroDatePickerDialog
A Material-style date picker dialog.
ZeroDatePickerDocked
A TextFormField displaying a grid of days for a given month and allows the user to select a
in docked mode
ZeroDatePickerInput
A ZeroTextField configured to accept and validate a date entered by a user.
ZeroDatePickerStyle
Defines the visual properties of the widget displayed with showZeroDatePicker .
ZeroDateRangePickerDialog
A Material-style date range picker dialog.
ZeroDivider
ZeroDividerStyle
ZeroDockedCalendarDatePicker
Displays a grid of days for a given month and allows the user to select a
date which is displayed in a docked mode
ZeroDropdown <T >
ZeroDropdown is built on top of ZeroDropdownButton and ZeroTextField to simplify
the implementation of the widget
This uses decoration taken from InputDecorationType .
ZeroDropdownButton <T >
A Material Design button for selecting from a list of items.
ZeroDropdownButtonFormField <T >
A FormField that contains a ZeroDropdownButton .
ZeroDropdownButtonHideUnderline
An inherited widget that causes any descendant ZeroDropdownButton
widgets to not include their regular underline.
ZeroDropdownMenu is built on top of DropdownButtonFormField2 and ZeroTextField
This uses decoration taken from InputDecorationType .
Defines a CustomDropdownMenu menu button that represents one item view in the menu.
An item in a menu created by a ZeroDropdownButton .
ZeroExpansionTile
The item of ZeroAccordion widget which built on top of ExpansionTile .
All the style parameters of ExpansionTile are provided inside ZeroExpansionTile 's style parameter
ZeroExpansionTileStyle
Used with ZeroExpansionTileTheme to define default property values for
descendant ZeroExpansionTile widgets.
ZeroGrid
ZeroGridItem
ZeroGridItem is a widget that can be used to display a widget in a grid.
used in child of ZeroGrid
ZeroIcons
ZeroListTile
ZeroListTileAction
An action for ZeroListTile which can show an icon, a label, or both.
ZeroListTileStyle
The visual properties that menus have in common.
ZeroNavigationBar
ZeroNavigationBarItem
ZeroNavigationBarStyle
ZeroNavigationDrawer
ZeroNavigationDrawerSection
ZeroNavigationDrawerStyle
ZeroNavigationRail
ZeroNavigationRailItem
ZeroNavigationRailStyle
ZeroProgressIndicator
ZeroProgressIndicator is a widget that shows a progress indicator which is similar to LinearProgressIndicator and CircularProgressIndicator .
this widget have two types of progress indicator which is linear and circular .
ZeroProgressStyle
ZeroRadioGroup <T >
ZeroRadioGroup is a custom radio button that can be used to select one option from a set.
this widget is based on zero ui design system
ZeroRadioStyle
ZeroRangeSlider
A slider component that allows users to select a value from a range of values.
ZeroSlider is a stateful widget that requires a State object to function.
this slider have a special feature that allows you to show ticks on the slider
and also the thumb can be snapped to the ticks.
ZeroRangeValues
ZeroRating
A rating component that allows users to rate something.
ZeroRatingStyle
ZeroShimmerState
ZeroSkeleton
Wrapper of your entire widget that need to have skeleton
Set your entire widget in child parameter and whether it shows
the child or it shows the skeleton depends on isLoading
ZeroSkeletonAvatar
ZeroSkeletonLine
ZeroSkeletonListTile
ZeroSkeletonListView
ZeroSkeletonParagraph
ZeroSkeletonStyleSet
ZeroSkeletonTheme
ZeroSlider
A slider component that allows users to select a value from a range of values.
ZeroSlider is a stateful widget that requires a State object to function.
this slider have a special feature that allows you to show ticks on the slider
and also the thumb can be snapped to the ticks.
and also you can show a tooltip when the user is dragging the thumb.
ZeroSliderStyle
ZeroSnackbar
A custom snackbar that can be used to display a message to the user.
ZeroSnackbar have 2 types of snackbar, ZeroSnackbarType.singleline and ZeroSnackbarType.multiline .
ZeroSnackbarType.singleline is a snackbar that can only display a single line of text for short messages.
ZeroSnackbarType.multiline is a snackbar that can display multiple lines of text for longer messages.
ZeroSnackbarAlert
A class that provides a function to display a alert message
ZeroSnackbarAlert have 2 methods:
ZeroSnackbarAlertStyle
ZeroSnackbarStyle
ZeroSnackbarStyleSet
ZeroSpeedDial
ZeroSpeedDialItem
ZeroSpeedDialItem is a class for creating speed dial item
ZeroSpeedDialStyle
ZeroStep
ZeroStepper
stepper is widget that displays progress through a sequence of
steps. Steppers are particularly useful in the case of forms where one step
requires the completion of another one, or where multiple steps need to be
completed in order to submit the whole form.
ZeroStepperStyle
ZeroStepStyle
ZeroSwitch
basic switch widget component with two states true and false
there are properties to customize the icon and colors of the switch
ZeroSwitchAndroid
switch widget component adopted from android switch style
ZeroSwitchIOS
switch widget component adapted to iOS switch style
there are properties to customize the icon and colors of the switch
ZeroSwitchStyle
ZeroSwitchStyleSet
ZeroTab
ZeroTabBar
ZeroTabBarStyle
ZeroText
Creates a text widget.
ZeroTextField
ZeroTextField is the the simplified version of TextField with the default implemented design guidelines of
Zero One Design System. Pretty much all the fields are inheritted from TextField
except that it provides labelText, hintText, errorText, and supportText upfront instead of under InputDecoration .
ZeroTextFieldMultiline
Another variant of ZeroTextField which has multiline decoration enabled out of the box.
Pretty much all the fields are identical with ZeroTextField
except that ZeroTextField.suffixIcon and ZeroTextField.prefixIcon is not provided by default.
So when you want to provide these fields, you can set it manually from InputDecoration
ZeroTextfieldStyle
ZeroTextfieldStyleSet
A styles set of ZeroTextField for all variants
ZeroTheme
ZeroThemeData
Defines the default theme for a ZeroTheme .
ZeroTimePickerDialog
A Material Design time picker designed to appear inside a popup dialog.
ZeroTimePickerStyle
Defines the visual properties of the widget displayed with showZeroTimePicker .
ZeroTooltip
ZeroTooltip is a widget that shows a tooltip when the widget got a gesture.
the tooltip is customizable with ZeroTooltipStyle and ZeroTooltipType
this widget created based on zero ui design system
ZeroTooltipCustomVariant
ZeroTooltipCustomariant is used to draw the custom tooltip
this class to create ZeroTooltipVariant.custom tooltip shape
ZeroTooltipRectangleVariant
ZeroTooltipRectangleVariant is used to draw the rectangle tooltip
this class to create ZeroTooltipVariant.rectangle tooltip shape
ZeroTooltipRoundedVariant
ZeroTooltipRoundedVariant is used to draw the rounded tooltip
this class to create ZeroTooltipVariant.rounded tooltip shape
ZeroTooltipStyle
ZeroTwoToneIcons
ZeroTypography
The typography applied to a ZeroThemeData .
Functions
buttonRadiusSize (ZeroButtonRadiusType buttonType → BorderRadius
_buttonRadiusType is the function to get BorderRadius from [ZeroButtonRadiusType
doubleInRange (num start , num end → double
showZeroBottomSheet <T > (BuildContext context , {required WidgetBuilder builder , ZeroBottomSheetStyle ?style , Widget ?handleBar , bool enableDrag = true → Future <PersistentBottomSheetController
showZeroDatePicker ({required BuildContext context , required DateTime initialDate , required DateTime firstDate , required DateTime lastDate , DateTime ?currentDate , DatePickerEntryMode initialEntryMode = DatePickerEntryMode.calendar , SelectableDayPredicate ?selectableDayPredicate , String ?helpText , String ?cancelText , String ?confirmText , Locale ?locale , bool useRootNavigator = true , RouteSettings ?routeSettings , TextDirection ?textDirection , TransitionBuilder ?builder , DatePickerMode initialDatePickerMode = DatePickerMode.day , String ?errorFormatText , String ?errorInvalidText , String ?fieldHintText , String ?fieldLabelText , TextInputType ?keyboardType , Offset ?anchorPoint , ZeroDatePickerStyle ?style → Future <DateTime ?
Shows a dialog containing a Material Design date picker.
showZeroDateRangePicker ({required BuildContext context , DateTimeRange <DateTime ?initialDateRange , required DateTime firstDate , required DateTime lastDate , DateTime ?currentDate , DatePickerEntryMode initialEntryMode = DatePickerEntryMode.calendar , String ?helpText , String ?cancelText , String ?confirmText , String ?saveText , String ?errorFormatText , String ?errorInvalidText , String ?errorInvalidRangeText , String ?fieldStartHintText , String ?fieldEndHintText , String ?fieldStartLabelText , String ?fieldEndLabelText , Locale ?locale , bool useRootNavigator = true , RouteSettings ?routeSettings , TextDirection ?textDirection , TransitionBuilder ?builder , Offset ?anchorPoint , ZeroDatePickerStyle ?style → Future <DateTimeRange <DateTime ?
Shows a full screen modal dialog containing a Material Design date range
picker.
showZeroModalBottomSheet <T > (BuildContext context , {required WidgetBuilder builder , ZeroBottomSheetStyle ?style , Widget ?handleBar , bool isScrollControlled = false , bool useRootNavigator = false , bool isDismissible = true , bool enableDrag = true , bool useSafeArea = false → Future <T? >
showZeroTimePicker ({required BuildContext context , required TimeOfDay initialTime , TransitionBuilder ?builder , bool useRootNavigator = true , TimePickerEntryMode initialEntryMode = TimePickerEntryMode.dial , String ?cancelText , String ?confirmText , String ?helpText , String ?errorInvalidText , String ?hourLabelText , String ?minuteLabelText , RouteSettings ?routeSettings , bool ?use24hFormat , EntryModeChangeCallback ?onEntryModeChanged , Offset ?anchorPoint → Future <TimeOfDay ?
Shows a dialog containing a Material Design time picker.
