zds_flutter library

A library of Flutter components made by Zebra Technologies based on the Zebra Design System, or ZDS.

Classes

AppBarSearchController
Controls the search.
AwesomeFilter
Class for BreadCrumbsTruncated
CalendarEvent
Calendar Event model.
CaptureRequest
CircleIconButton
Component CircleIconButton
CirclePainter
Class definition for CirclePainter
ComponentDelegate
Delegate to get translations for these components.
ComponentDeltaProvider
Abstract class for the component delta strings
ComponentLocalisation
Provides localizations for this library.
ComponentStrings
Translated Strings file
Compression
Compression Profile
CustomSlidableAction
Represents an action of an ActionPane.
DatePickerDialog
A Material-style date picker dialog.
DayDetails
Model for days used in ZdsDayPicker.
Document
The rich text document
FlutterSlidableAction
An action for Slidable which can show an icon, a label, or both.
GiphyClient
GiphyClientError
GiphyCollection
GiphyDownsampledImage
GiphyDownsizedImage
GiphyFullImage
GiphyGet
GiphyGetWrapper
GiphyGif
GiphyGifWidget
GiphyImages
GiphyLanguage
GiphyLoopingImage
GiphyMeta
GiphyOriginalImage
GiphyPagination
GiphyPreviewImage
GiphyRating
GiphyStillImage
GiphyType
GiphyUser
GiphyWebPImage
HighlightedWord
It stores the layout data about a word
IconWithBadge
Shows an icon with an unread badge.
ImagePicker
A button that can be used to select an image and show its preview.
ImagePickerState
State for ImagePicker.
KeyboardDismiss
Provides functionality so that by tapping on descendant widgets (except textfields) the keyboard is dismissed.
MonthItem
Displays the days of a given month and allows choosing a date range.
MonthItemState
State for MonthItem.
QuillController
QuillEditor
TileField
Pairs of data used with ZdsFieldsListTile.
UnreadBadge
A widget that shows a badge to display how many unread notifications there are.
WeekIcon
Model for weeks that should have leading icons.
XUri
Uri wrapper
ZdsAbsorbPointer
A widget that absorbs pointers during hit testing.
ZdsAdaptiveTransitionPageRouteBuilder<T>
ZdsAdaptiveTransitionPageRouteBuilder is a custom route builder that adapts the transition animation based on the device's orientation.
ZdsAnimations
A collection of animations to be used in Zds applications.
ZdsAppBar
An app bar with Zds styling.
ZdsAudioPlayer
Controls for playing audio files. This widget does not handle the actual playing of the audio files. That can be done with various packages like just_audio.
ZdsAudioPlayerState
A state to the ZdsAudioPlayer
ZdsAvatar
A circular container used to display a user's profile picture or initials.
ZdsBackButton
A back button that will, by default, call Navigator.maybePop when pressed.
ZdsBlockTable
A scrollable table with floating headers
ZdsBlockTableCellData
Defines a cell in a ZdsBlockTable
ZdsBlockTableHeader
Defines a header for a ZdsBlockTable
ZdsBlockTableRow
Defines a row in a ZdsBlockTable
ZdsBorderClipper
A custom clipper that allows you to clip with different offsets on each side.
ZdsBottomBar
A container typically used with Scaffold.bottomNavigationBar, in showZdsBottomSheet.bottomBuilder, or as the last child of a Column that contains an Expanded to ensure ZdsBottomBar stays at the bottom.
ZdsBottomBarTheme
Theme for ZdsBottomBar.
ZdsBottomBarThemeData
Applies style to any child of type ZdsBottomBar.
ZdsBottomSheet
Use showZdsBottomSheet to display any bottom sheets instead of using this widget directly.
ZdsBottomTabBar
A ZdsBottomBar used to switch between different views. Typically used as a Scaffold.bottomNavigationBar in a StatefulWidget.
ZdsBottomTabScaffold
Scaffold with built in support for bottom tabs.
ZdsBottomTabScaffoldState
State for ZdsBottomTabScaffold.
ZdsButton
An ElevatedButton with pre-applied Zds styling.
ZdsCalendar
An adaptable calendar widget that can be used in a variety of ways, with selectable days and date ranges, as well as event markers and different formats.
ZdsCamera
A widget for displaying a camera interface that supports both photo and video modes.
ZdsCard
A card used to display grouped information and related actions.
ZdsCardActions
A widget used to show actions at the bottom of a ZdsCard. It's recommended to use ZdsCardWithActions instead of using this widget directly.
ZdsCardHeader
A widget used to create header in a ZdsCard.
ZdsCardWithActions
Creates a ZdsCard with two sections, one for the main card content, and another one for status/actions information.
ZdsChatAttachment
Attachment model for ZdsChatMessage.
ZdsChatMessage
Chat message widget.
ZdsCheckableButton
A circular button that can be checked and that accepts either a string or an icon as a child.
ZdsCompressor
Compresses the files based on Compression provided.
ZdsConditionalWrapper
ZdsConditionalWrapper is a widget that conditionally wraps its child with a wrapperBuilder based on the provided condition.
ZdsDashedLine
A widget for creating dashed line or a container
ZdsDashedLineCorner
Corner attributes for the ZdsDashedLine.
ZdsDashedLineState
State for ZdsDashedLine.
ZdsDatePickerDialog
A copy of material design date picker dialog with choice of first day of week.
ZdsDateRange
A date range selector that also allows to quickly change the range selected by jumping to the next or previous set of dates.
ZdsDateRangePickerDialog
A Material-style date range picker dialog.
ZdsDateRangePickerTile
A DateRange picker tile that allows to select the from and to dates separately. This can be used if we want to allow the user to select all the dates before a certain date, or all the dates after one.
ZdsDateRangePickerTileForm
A DateRange picker tile that allows to select the from and to dates separately with Form validation.
ZdsDateRangeState
State for ZdsDateRange.
ZdsDateTimePicker
A widget that allow to select a date, a time, or both.
ZdsDateTimePickerState
State for ZdsDateTimePicker.
ZdsDateTimeRange
Encapsulates a start and end DateTime that represent the range of dates.
ZdsDayPicker
A widget that allow to select days.
ZdsDropdownList<T>
A DropdownButtonFormField with Zds style and behavior.
ZdsDropdownListItem<T>
Defines an item to be used in a ZdsDropdownList
ZdsDropdownListState<T>
State for ZdsDropdownList.
ZdsEmpty
Creates a message about no results being returned.
ZdsExpandable
A component that can be collapsed and uncollapsed.
ZdsExpansionTile
A tile that can be expanded and collapsed to reveal further information.
ZdsExpansionTileState
State for ZdsExpansionTile, used to handle the on demand expansion and collapsing of the tile
ZdsFadePageRouteBuilder<T>
A custom PageRouteBuilder class that creates a new route with a specified builder function.
ZdsFieldsListTile<T>
A tile showing a list of properties with their respective values.
ZdsFileCompressPostProcessor
Compressors for mobile devices
ZdsFileEditPostProcessor
Editors used to edit only image files & to launch other types of files
ZdsFilePicker
Shows a component that can be used to select files and display their previews.
ZdsFilePickerConfig
The configuration used in a ZdsFilePicker.
ZdsFilePickerController
A controller used with ZdsFilePicker to keep track and use the selected files.
ZdsFilePickerState
State fot ZdsFilePicker.
ZdsFilePostProcessor
abstract class to process file actions for all processors.
ZdsFilePreview
Creates a preview of a file.
ZdsFileRenamePostProcessor
used to rename a file before compression.
ZdsFileSize
Text widget showing size of the file
ZdsFileWrapper
Wrapper around files picked using ZdsFilePicker.
ZdsFloatingActionButton
Widget that creates an FAB following Zds theming. Note that MD3 introduced a new FAB not yet implemented in Flutter, so this integration might change in the future
ZdsHighlightedText
Displays a block of text with certain words highlighted.
ZdsHorizontalList
Makes a horizontal ListView that sizes itself to its children.
ZdsHtmlContainer
A container widget for displaying HTML content with optional features.
ZdsIcons
Identifiers for the supported Zebra icons.
ZdsIconTextButton
A widget that creates a Large icon button with text.
ZdsImageCropPostProcessor
Editors used to edit only image files & to launch other types of files
ZdsImages
A collection of Images and SvgPictures to be used in Zebra applications.
ZdsIndex
A component used to show status information, like index, order, or state, in a very small space.
ZdsInfiniteListView
Wrapper around a ListView.builder with Zds styling and functions for fetching new items when the user scrolls to the bottom of the list.
ZdsInfiniteListViewState
State for ZdsInfiniteListView.
ZdsInformationBar
A bar used to display status information.
ZdsInputBorder
Border used for input components, such as TextField to apply a Zds style.
ZdsInputDecoration
An extension of InputDecoration that applies Zds styling.
ZdsInputDialog
A dialog with a textfield and built-in validation.
ZdsInputDialogState
State for ZdsInputDialog.
ZdsInteractiveViewer
A custom interactive viewer widget.
ZdsLabel
A label typically used to showcase status information.
ZdsList
Creates a ListView with predefined parameters that match Zds styling and behavior.
ZdsListGroup
A component that groups items within a ZdsList, eliminating padding between them.
ZdsListTile
List tile with Zds styling.
ZdsListTileTheme
Theme for a ZdsListTile using Zds style.
ZdsListTileWrapper
This Widget takes in the following parameters:
ZdsMenuItem
A menu item used in ZdsNavigationMenu.
ZdsMessage
Message model for ZdsChatMessage.
ZdsMessageInput
An input used in chat organism
ZdsMessageInputState
The state object for a ZdsMessageInput
ZdsModal
A widget that can be passed to showDialog to warn the user of a potentially destructive action, like deleting a file. Can be used to obtain confirmation that they want to perform said action.
ZdsNavigationMenu
A menu for navigation to other parts of the app or to other apps.
ZdsNavigationMenuLabel
/ Label used above a ZdsNavigationMenu.
ZdsNavItem
Defines a button for ZdsBottomTabBar or ZdsVerticalNav. Used in ZdsBottomTabBar.items.
ZdsNestedFlow
This widget can be used for nested flows where some parent widget has to be made available to all of its descendants. For example, a provider that needs to be made available to all routes below it.
ZdsNestedFlowState
State for ZdsNestedFlowState.
ZdsNetworkAvatar
A circular container used to display a user's profile picture fetched from the internet.
ZdsNoAnimationPageRouteBuilder<T>
A custom PageRouteBuilder class that creates a new route with a specified builder function.
ZdsNotificationTile
A component used to show a notification with read/unread message details.
ZdsPopOverIconButton
An icon button with a popover.
ZdsPopupMenu<T>
Creates a popup menu.
ZdsPopupMenuItem<T>
A component used to create the options that appear when using ZdsPopupMenu.
ZdsPopupMenuState<T>
State for ZdsPopupMenu.
ZdsProfile
A component used to show a snapshot of someone's profile.
ZdsPropertiesList
A list of properties with their respective values.
ZdsQuillDelta
ZdsQuillDelta represents a wrapper around the Quill's Document to offer additional functionalities like conversion from and to HTML.
ZdsQuillEditor
A custom widget for the Quill editor.
ZdsQuillEditorPage
Represents a Quill editor page.
ZdsRadioItem<T>
A class that ZdsRadioList.items must extend.
ZdsRadioList<U extends ZdsRadioItem>
Creates a list of radio buttons with labels. Tapping anywhere on the list tile selects the item.
ZdsRadioListState<U extends ZdsRadioItem>
State for ZdsRadioList.
ZdsRecording
Represents a recording created by a ZdsVoiceNoteRecorder
ZdsResizableTextArea
A text input area with handle icon in the bottom right corner that can be used to resize the typing input area.
ZdsResponsiveTabBar
A TabBar that solves certain issues with Material's TabBar. When using isScrollable is set to true in TabBar, the tabs will not fit the device's width. When isScrollable is set to false, the tabs all have the same size and do not change size to fit their children. This makes it awkward for certain situations where a non-scrollable tab bar is appropriate for certain big devices but not small ones, and where scrollable tab bars do not cover the entire width in big devices.
ZdsSearchAppBar
An AppBar with an integrated ZdsSearchField.
ZdsSearchAppBarState
State for ZdsSearchAppBar.
ZdsSearchField
A search field that can be used in a Form.
ZdsSelectableListTile
A list tile with circular edges that can be toggled between a selected and unselected state.
ZdsSelectionPill
A text button that can be selectable and that accepts a string and isButtonSelected boolean value.
ZdsShakeAnimation
The shake animation for the widgets.
ZdsShakeAnimationState
State for ZdsShakeAnimation, used to create a key:
ZdsSheetHeader
Creates the header component for a bottom sheet with Zds style.
ZdsSlidableAction
Defines an action that will be shown when sliding on a ZdsSlidableListTile.
ZdsSlidableButton
A SlidableButton with pre-applied Zds styling. This grows to the width of its container.
ZdsSlidableButtonState
State for ZdsSlidableButton.
ZdsSlidableListTile
A widget that creates a slidable list tile, which can be slid right-to-left to reveal further actions. Takes a child which can be any widget, although a Row is recommended to use like so:
ZdsSlidableWidget
A ZdsSlidableWidget with pre-applied Zds styling. This widget is used specifically in ZdsSlidableButton to create a SlidableButton.
ZdsSlidableWidgetState
State is required for the animation and updating the position on ZdsSlidableButton.
ZdsSpeedScrollableList
A list that implements a ZdsSpeedSlider which allows the user to quickly scroll between groupings of items.
ZdsSpeedScrollableListItemGroup
Used to define an item in a ZdsSpeedScrollableList
ZdsSpeedSlider
A slider used to quickly scroll through a list of items. The selected item index can be set by attaching a key of type ZdsSpeedSliderState to the widget and calling key.currentState.setIndex.
ZdsSpeedSliderState
The state of the ZdsSpeedSlider
ZdsSplitNavigator
A ZdsSplitNavigator used to navigate the screen for the split view for tablet.
ZdsSplitNavigatorState
ZdsSplitNavigatorState is a state class for the ZdsSplitNavigator StatefulWidget. It extends the State class with NavigatorObserver and FrameCallbackMixin mixins.
ZdsSplitPageRouteBuilder<T>
A custom PageRouteBuilder class that creates a new route with a specified builder function.
ZdsStarRating
Star rating component.
ZdsStat
A statistic definition to be used in ZdsStatCard.
ZdsStatCard
A card used to display value-key pairs.
ZdsSystemChrome
Controls orientations of the application interface
ZdsTab
A Tab with Zebra styling.
ZdsTabBar
Returns a TabBar with Zds styling. However, this widget has a number of issues that make it less useful in varying screen sizes and resizable screens. It's recommended to instead use ZdsResponsiveTabBar.
ZdsTabBarStyleContainer
Applies style to any child of type ZdsTabBar.
ZdsTabBarThemeData
Theme container for ZdsTabBar.
ZdsTag
A tag used to show status information or selected options.
ZdsTagsList
Creates a list to show multiple ZdsTag.
ZdsThemeData
Class to allow custom color definitions in dark and light modes and used with new ZetaProvider
ZdsThemeService
A class representing theme service which extends ZetaThemeService class. This class assists in loading and saving theme data. See also:
ZdsToast
A container used with ZdsSnackBarExtension.showZdsToast to show a toast.
ZdsToggleButton
A large text button that can toggle between multiple values with Zds style.
ZdsToggleButtonState
State for ZdsToggleButton.
ZdsToolbar
A toolbar, used for additional actions that do not fit in the app bar.
ZdsToolbarThemeData
Theme data for ZdsToolbar.
ZdsValueController<T>
Generic controller that can control a value that can be updated over time.
ZdsVerticalNav
A ZdsVerticalNav used to switch between different views. Should primarily be used for tablet views and larger screens.
ZdsVideoPlayer
A custom video player widget.
ZdsVideoPlayerState
The state associated with a ZdsVideoPlayer widget.
ZdsVoiceNoteRecorder
A widget for recording audio. Also handles the playback of the recorded audio. Not supported for web.
ZdsVoiceNoteRecorderState
The state for a ZdsVoiceNoteRecorder
Zeta
An InheritedWidget that provides access to Zeta theme settings.
ZetaAccordion
The accordion is a control element comprising a vertically stacked list of items, such as labels or thumbnails. Each item can be "expanded" or "collapsed" to reveal the content associated with that item. There can be zero expanded items, exactly one, or more than one item expanded at a time, depending on the configuration.
ZetaAssistChip
Zeta Assist Chip.
ZetaAvatar
An avatar is a visual representation of a user or entity.
ZetaAvatarBadge
Badge component used with ZetaAvatar as either ZetaAvatar.upperBadge or ZetaAvatar.lowerBadge.
ZetaBanner
Zeta Banner. Extends MaterialBanner.
ZetaBottomSheet
Component ZetaBottomSheet
ZetaBreadCrumb
Class for untruncated ZetaBreadCrumb.
ZetaBreadCrumbs
Class for ZetaBreadCrumbs
ZetaButton
Zeta Button
ZetaButtonGroup
Zeta Button Group
ZetaButtonSegment<T>
Data describing a segment of a ZetaSegmentedControl.
ZetaChatItem
Chat item widget that can be dragged to reveal contextual actions.
ZetaCheckbox
Zeta Checkbox.
ZetaCheckboxFormFieldState
FormFieldState for ZetaCheckbox.
ZetaChip
Zeta Chip component.
ZetaColorBase
Default set of Zeta Colors that can be used to make a ZetaColors instance.
ZetaColors
Zeta Colors.
ZetaColorScheme
Easily craft stunning Flutter themes using pre-set color patterns or your own choices.
ZetaColorSwatch
A swatch of colors with values from 10 (light) to 100 (dark).
ZetaContactItem
A single row that contains avatar, title and subtitle.
ZetaDateInput
A form field used to input dates.
ZetaDateInputState
State for ZetaDateInput
ZetaDebounce
Debounce utility
ZetaDialPad
Dial pad gives the user the ability to dial a number and start a call. It also has a quick dial security action and a delete entry action.
ZetaDialPadButton
Individual button for ZetaDialPad.
ZetaDropdown<T>
Class for ZetaDropdown
ZetaDropdownController
A class for controlling a ZetaDropdown
ZetaDropdownItem<T>
An item used in a ZetaDropdown or a ZetaSelectInput.
ZetaDropDownState<T>
The state for a ZetaDropdown
ZetaFAB
Zeta Floating Action Button Component.
ZetaFilterChip
Zeta Filter Chip.
ZetaFilterSelection
Component ZetaFilterSelection
ZetaGlobalHeader
Global header component
ZetaGlobalHeaderItem
Tab item to be used in ZetaGlobalHeader
ZetaGroupButton
Group Button item
ZetaIconButton
Component ZetaIconButton
ZetaIcons
Zeta Icons. Full list of icons can be found at Zeta Icons.
ZetaIndicator
ZetaIndicator.
ZetaInPageBanner
Zeta In Page Banner.
ZetaInputChip
Zeta Input Chip.
ZetaLabel
Zeta Badge.
ZetaListItem
A single row that typically contains some text as well as a leading or trailing widgets.
ZetaMenuItem
Zeta Menu Item component.
ZetaNavigationBar
Navigation Bars (Bottom navigation) allow movement between primary destinations in an app.
ZetaNavigationBarItem
An item to be used in a ZetaNavigationBar.
ZetaNavigationRail
ZetaNavigationRail
ZetaNavigationRailItem
ZetaNavigationRailItem
ZetaNotificationBadge
Badge item for notification list items. Can be an avatar, icon or image
ZetaNotificationListItem
List Item for notifications
ZetaPagination
Pagination is used to switch between pages.
ZetaPasswordInput
Zeta Password Input
ZetaPhoneInput
ZetaPhoneInput allows entering phone numbers.
ZetaPriorityPill
This badge is used to indicate the order of importance.
ZetaProgressBar
Linear progress bar.
ZetaProgressCircle
Class definition for ZetaProgressCircle
ZetaProgressCircleState
Class definition for ZetaProgressCircleState
ZetaProvider
A widget that provides Zeta theming and contrast data down the widget tree.
ZetaProviderState
The state associated with ZetaProvider.
ZetaRadio<T>
Zeta Radio Button
ZetaRadius
Semantic zeta radii.
ZetaRadiusBase
Tokens that are used for Border Radius
ZetaScreenHeaderBar
ZetaScreenHeaderBar
ZetaSearchBar
ZetaSearchBar provides input field for searching.
ZetaSegmentedControl<T>
Creates an segmented control bar.
ZetaSelectInput<T>
Class for ZetaSelectInput
ZetaSnackBar
A lightweight message with an optional action which briefly displays at the bottom of the screen.
ZetaSpacing
Tokens that are used for spacing.
ZetaSpacingBase
Tokens that are used for Spacing
ZetaStatusLabel
Zeta Status Label.
ZetaStep
Zeta step used in ZetaStepper. The step can have a title and subtitle, an icon within its circle, some content and a state that governs its styling.
ZetaStepper
Zeta stepper 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.
ZetaStepperInput
A stepper input, also called numeric stepper, is a common UI element that allows uers to input a number or value simply by clicking the plus and minus buttons.
ZetaSwatchGenerator
Returns a map of colors shades with their respective indexes.
ZetaSwitch
Zeta Switch.
ZetaTab
Defines how the bounds of the selected tab indicator are computed. Intended to be used with ZetaTabBar.
ZetaTabBar
A Zeta Design primary tab bar.
ZetaTag
Zeta Tag
ZetaTextInput
Text inputs allow the user to enter text.
ZetaTextInputState
The current state of a ZetaTextInput
ZetaTextStyles
Typography in Zeta style.
ZetaThemeData
A representation of the Zeta theme data.
ZetaThemeService
ZetaThemeService is an abstract class. It provides the structure for loading and saving themes in Zeta application.
ZetaTimeInput
A form field used to input time.
ZetaTimeInputState
State for ZetaTimeInput
ZetaTooltip
ZetaTooltip
ZetaTopAppBar
Top app bars provide content and actions related to the current screen.

Enums

ButtonSize
Button size for CircleIconButton
CircleButtonType
Button type for CircleIconButton
DateTimePickerMode
Variants of ZdsDateTimePicker.
DeviceType
Enum to define device types.
ExpansionTileType
Types of expansion tile
HighlightBinding
Defines what occurrence you want to highlight
MediaType
An enumeration to represent different types of media content.
Enum possible menu positions
PickerExceptionType
Types of errors, commonly used to generate error toast messages later
QuillToolbarOption
toolbar options
QuillToolbarPosition
enum for toolbar position
ZdsButtonVariant
Variants of ZdsButton.
ZdsCameraMode
Defines the camera modes available in the ZdsCameraWidget.
ZdsCardDirection
The direction in which a ZdsCardWithActions.children will be laid out.
ZdsCardVariant
Variants of ZdsCard.
ZdsChatAttachmentType
Type of attachment provided.
ZdsChatMessageStatus
Status of message for ZdsChatMessage.
ZdsFilePickerDisplayStyle
Whether to display the ZdsFilePicker as a horizontal row or vertical column.
ZdsFilePickerOptions
Types of files the ZdsFilePicker can be used to pick.
ZdsInformationBarTheme
Sets a ZdsInformationBar's icon and background colors.
ZdsOptionDisplay
UI Variants of the ZdsFilePicker.
ZdsPropertiesListDirection
Enum to determine direction used in ZdsPropertiesList.
ZdsSearchFieldVariant
Variants of ZdsSearchField.
ZdsTabBarColor
Theme colors for ZdsTabBar.
ZdsTagColor
Tag colors
ZdsToastColors
Determines foreground and background color of toast to comply with design rules.
ZetaAppBarStyle
Enum to select the used AppBarTheme style in ZetaColorScheme based themes.
ZetaAvatarBadgeType
Enum of types for ZetaAvatarBadge
ZetaAvatarSize
ZetaAvatar size
ZetaBannerStatus
ZetaBanner type
ZetaButtonType
Shared enum for type of buttons.
ZetaChipType
The type of ZetaChip
ZetaCircleSizes
Sizes for ZetaProgressCircle
ZetaContrast
ZetaAccessibilityStandard is an enumeration that defines the Web Content Accessibility Guidelines (WCAG) 2.1. It includes two levels of conformance: AA (minimum) and AAA (enhanced).
ZetaDialogHeaderAlignment
ZetaDialogHeaderAlignment
ZetaDropdownMenuType
Sets the type of a ZetaDropdown
ZetaDropdownSize
Used to set the size of a ZetaDropdown
ZetaFabSize
Defines the size of the floating action button
ZetaFabType
Color type for ZetaFAB.
ZetaFormFieldRequirement
The requirement options for a Form Field.
ZetaIndicatorType
ZetaIndicator type.
ZetaMenuItemType
The type of the ZetaMenuItem
ZetaPaginationType
The type of a ZetaPagination
ZetaPriorityPillSize
The size of ZetaPriorityPill.
ZetaPriorityPillType
The type of ZetaPriorityPill; determines the default ZetaPriorityPill.customColor, ZetaPriorityPill.index and ZetaPriorityPill.label.
ZetaProgressBarType
Enum for types of progress bar.
ZetaSnackBarType
Type used to define contextual SnackBar. The type defines the styles, icons and behavior.
ZetaStepperInputSize
Sizes for ZetaStepperInput
ZetaStepperType
Defines the ZetaStepper's main axis.
ZetaStepType
The type of a ZetaStep which is used to control the style of the circle and text.
ZetaSwitchType
Variants of ZetaSwitch.
ZetaTagDirection
Tag Direction options for ZetaTag.
ZetaTooltipArrowDirection
The direction of ZetaTooltip's arrow
ZetaTopAppBarType
Defines the style of the app bar.
ZetaWidgetBorder
Border options for ZetaButton.
ZetaWidgetSize
Size options for ZetaIndicator, ZetaButton, ZetaPasswordInput.
ZetaWidgetStatus
Status options for ZetaLabel, ZetaStatusLabel, ZetaInPageBanner.

Mixins

FrameCallbackMixin
This mixin could be used in the methods where you want to do some work after you are

Extensions

AccessibilityIndices on ZetaContrast
Extension on ZetaContrast to provide color indices for certain accessibility scenarios
AppBarColor on ZetaAppBarStyle
Extension method on ZetaAppBarStyle to add appBar color functionality.
BorderFunctions on ZetaWidgetBorder
Border utility functions
BorderModifiers on Widget
Applies a decoration to the widget with a Border.
BreakpointFull on BuildContext
Utils to determine the DeviceType from the current context.
BreakpointLocal on BoxConstraints
Utils to determine the DeviceType from some box constraints.
BuildContextRenderBox on BuildContext
Render extensions on BuildContext.
ButtonFunctions on ZetaButtonType
Button utility functions for styling
ColorFromString on String
/ Generates color from String
ColorModifers on Widget
A selection of modifiers on Widget for colors
ColorSwatches on ZetaWidgetStatus
Extensions on ZetaWidgetStatus.
DateTimeFormatter on DateTime
Extension on DateTime.
DateTimeRangeUtils on DateTimeRange
Extension on DateTimeRange.
DefaultTextStylesModifiers on Widget
Changes this widget's TextStyle.
DeltaToHtml on Delta
An extension on Delta to convert Delta content to HTML
DeviceTypeFromContext on BuildContext
Utils to determine the DeviceType from the current context.
DurationFormatter on Duration
Extension on Duration
ExceptionTextMessage on PickerExceptionType
extension used to return different strings on exceptions.
ExpandableTextExtension on Widget
A widget extension that enables the widget to be collapsed and uncollapsed.
HtmlToDelta on String
An extension on String to convert HTML content to Quill's Delta format
IconDataFromExt on String
LaunchUrlInWebView on Uri
Attempts to launch this urlString on a web view.
LayoutModifiers on Widget
A selection of modifiers on Widget for layouts
LightHexColor on Color
Selection of extensions to Color.
ListDivider on List<Widget>
Extension to add dividers to any view that can take an iterable.
LoaderDialog on CircularProgressIndicator
Shows a dialog with a CircularProgressIndicator, used to indicate loading.
MapExtensions on Map<Option, Value>
This extension adds utility functions to the Map class.
NumExtensions on num?
Extensions on num.
PaddingModifers on Widget
A selection of modifiers on Widget for padding.
PopOver on Icon
Makes this widget a ZdsPopOverIconButton.
RenderingModifiers on Widget
A selection of modifiers on Widget for rendering
RowLayout on Row
Center aligning row's children perfectly on the horizontal AND on the vertical axis
SemanticsModifier on Widget
Applies Semanctics to Widget
SpacingWidget on Widget
Extension to add spacing to any Widget.
StatusBar on Scaffold
Changes this Scaffold's SystemUiOverlayStyle.
StringExtensions on String?
Extensions on String.
StringFormatter on String
Formats the strings.
StringParser on String
DateTime extension on String.
TextModifiers on Text
Changes this widget's TextStyle.
TextThemeExtension on TextTheme
A selection of modifiers on TextTheme.
ThemeExtension on ThemeData
Extension of ThemeData.
ThemeModifiers on Widget
Applies a Theme with custom ThemeData to the widget.
Whole on num
Extension to determine if a num is a whole number.
XImage on Image
Created Image widget from XFile
Zds on Widget
Applies Zds styling to Widget
ZdsSnackBarExtension on ScaffoldMessengerState
Extension to show a ZdsToast
ZdsXFile on XFile
Constructors for XFile
ZetaColorExtensions on Color
Extensions on Color to brighten, lighten, darken and blend colors and can get a shade for gradients.
ZetaColorGetters on ColorScheme
Custom extension on ColorScheme which makes ZetaColors available through theme context.
ZetaThemeBuilder on ZetaColorScheme
A Dart extension on ZetaColorScheme

Constants

calendarDaysOfWeekHeight → const double
Height of days of week in ZdsCalendar
calendarRowHeight → const double
Height of row in ZdsCalendar
checkableButtonSize → const double
Width / height of circular buttons in ZdsCheckableButton.
iconsRound → const Map<String, IconData>
iconsSharp → const Map<String, IconData>
kBigToggleHeight → const double
Height forZdsToggleButton.
kBigTogglePadding → const double
Default padding for ZdsToggleButton.
kBottomBarHeight → const double
Default bottom bar height.
kDefaultBorderRadius → const double
Default border radius for ZdsTag.
kDefaultHorizontalPadding → const double
Default horizontal padding for ZdsList.
kDefaultVerticalPadding → const double
Default vertical padding for ZdsList.
kHeaderBoarderSize → const double
Default header border size.
kMaxActionHeight → const double
Default max action height.
kMenuHorizontalPadding → const EdgeInsets
Default horizontal menu padding.
kMenuVerticalPadding → const EdgeInsets
Default vertical menu padding.
kSearchBorderRadius → const double
Default radius for search bar.
kSpace → const double
Space used for ZdsInputBorder.
kToastHeight → const double
Default height of toast.
kVerticalNavWidth → const double
Width of ZdsVerticalNav
kZdsCardElevation → const double
Default card elevation.
kZdsCardMargin → const double
Default card margin.
kZdsCardRadius → const double
Default radius for card.
kZdsCardShadowColor → const Color
Shadow color used for cards
kZdsCheckableButtonSize → const double
Width / height of circular buttons in ZdsCheckableButton.
kZdsListTileTheme → const ZdsListTileTheme
ListTile theme
kZdsSelectableListTileBorderRadius → const double
Border radius used for ZdsSelectableListTile.
kZdsSelectableListTilePadding → const EdgeInsets
Padding used for ZdsSelectableListTile.
kZdsToolbarHeight → const double
Default toolbar height.
kZdsToolbarTheme → const ZdsToolbarThemeData
Toolbar theme
kZetaFontFamily → const String
Default font family for Zeta System
kZetaSwatchPrimaryIndex → const int
Primary color shade index for ZetaColorSwatch
kZetaSwatchTargetContrasts → const Map<int, double>
Target contrast values for different color shades of ZetaColorSwatch
packageName → const String
Name of package
rectangularBorderRadius → const double
Rectangular border radius for ZdsTag.
zdsDefaultPostProcessors → const List<ZdsFilePostProcessor>
Default post processors
zetaIconsVersion → const String
zetaTextTheme → const TextTheme
ZetaTextStyles combined into a TextTheme.

Properties

htmlColorSwatch ↔ Map<Color, ZetaColorSwatch>
Map of colors Swatch
getter/setter pair
zdsQuillToolbarOptions → Set<QuillToolbarOption>
Default options for ZDS Quill Toolbar
final

Functions

buildSheetBars({required BuildContext context, String primaryActionText = '', VoidCallback? primaryActionOnTap, String secondaryActionText = '', VoidCallback? secondaryActionOnTap, String ternaryActionText = '', VoidCallback? ternaryActionOnTap, String? title = '', bool showClose = false}) → List<Widget>
Method to build widgets for headerBuilder & bottomBuilder of showZdsBottomSheet This return an array of widgets which contains first element as ZdsSheetHeader and second element as ZdsBottomBar Here widgets gets computed based on the device(Mobile or Tablet).
buildZdsBottomBarThemeData(BuildContext context) → ZdsBottomBarThemeData
Returns a ZdsBottomBarThemeData.
buttonStyle(ZetaColors colors, ZetaWidgetBorder borderType, ZetaButtonType type, Color? backgroundColor) → ButtonStyle
Shared buttonStyle for buttons and icon buttons
changeShade(int rgb, double shade) → int
Converts individual red, green, or blue of an input color to match a specific lightness shade rgb Red, green or blue color value of the initial color shade Shade from 0-1
clearUiTempDirectory() → Future<void>
Clears all files and cache from any ZdsFilePicker.
computeSystemOverlayStyle(Color color) → SystemUiOverlayStyle
System overlay should be opposite to the brightness of the background color.
extensionIcon(String ext) → IconData
fileSizeWithUnit(int bytes) → String
Converts byte length to human readable format.
firstSundayFromWeekInYear(int weekNumber, int year) → DateTime
Gets the date of the sunday of a week in a year.
getAllowedFileBrowserTypes({required bool useLiveMediaOnly, required Set<String> allowedFileTypes}) → Set<String>
it gives us a allowed file types If useLiveMediaOnly is true then we remove all media (images & videos) types from allowedFileTypes set of strings If useLiveMediaOnly is false then we return allowedFileTypes as it is.
getDate(DateTime d) → DateTime
To get Current week of start and end day.
getRandomColorFromTheme(Object? seed, {List<Color>? colors}) → Color
Returns a color from a set of chosen theme colors.
getShadedColor(Color input, double shade) → Color
Converts an input color into its shade with lightness input Color to be converted shade Shade from 0-1
hasIcons(List<ZdsTab> items) → bool
Checks if the ZdsTab contains an icon
hasTextOverflow(String text, TextStyle style, double width, {int maxLines = 1}) → bool
Determines if text will overflow in a given width.
iconColor(String ext, {BuildContext? context}) → Color
Gets icon color based on file extension.
numberOfWeeksInYear(int year) → int
Gets the number of weeks in a year
rotateArrayLeft<T>(List<T> array, int positions) → List<T>
rotate array to left by position
safeTextStyle(TextStyle? style) → TextStyle
Method to return 'TextStyle'. This method will return a safe text style by providing a fallback to a default text style when no text style is provided.
showZdsBottomSheet<T>({required BuildContext context, required WidgetBuilder builder, Color? backgroundColor, Color? barrierColor = Colors.black54, double? maxHeight, double? maxWidth, double? bottomInset, bool isDismissible = true, bool enableDrag = true, bool useRootNavigator = false, bool enforceSheet = false, EdgeInsetsGeometry? contentPadding, PreferredSizeWidget headerBuilder(BuildContext)?, PreferredSizeWidget? bottomBuilder(BuildContext)?}) → Future<T?>
Shows a bottom sheet with Zds styling.
showZdsDateRangePicker({required DateTime firstDate, required DateTime lastDate, required BuildContext context, DateTimeRange? initialDateRange, 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, String? clearButtonString, String? applyButtonString, Locale? locale, bool useRootNavigator = true, RouteSettings? routeSettings, TextDirection? textDirection, TransitionBuilder? builder, List<Widget>? actions, bool isWeekMode = false, bool isMonthMode = false, int startingDayOfWeek = 0, String? shortMonthDayFormat, String? shortDateFormat}) → Future<DateTimeRange?>
Shows a full screen modal dialog containing a Material Design date range picker.
showZdsFiscalDatePicker({required BuildContext context, required DateTime firstDate, required DateTime lastDate, required String cancelText, required String okText, required String titleText, Key? key, RouteSettings? routeSettings, TransitionBuilder? builder, DateTime? initialDate, int startDayOfWeek = 1, bool useRootNavigator = true, String format = 'dd/MM/yyyy'}) → Future<DateTime?>
Shows a material design date picker dialog.
showZdsPopOver<T>({required BuildContext context, required WidgetBuilder builder, Color? backgroundColor, double radius = 6, double contentDyOffset = 0.0, Duration transitionDuration = const Duration(milliseconds: 100), BoxConstraints? constraints, VoidCallback? onPop, String? barrierLabel}) → Future<T?>
Future that creates a popover.
showZetaBottomSheet<T>({required BuildContext context, String? title, Widget? body, bool centerTitle = true, bool isDismissible = true, bool enableDrag = true}) → Future<T?>
Function to show ZetaBottomSheet.
showZetaDialog(BuildContext context, {ZetaDialogHeaderAlignment headerAlignment = ZetaDialogHeaderAlignment.center, Widget? icon, String? title, required String message, String? primaryButtonLabel, VoidCallback? onPrimaryButtonPressed, String? secondaryButtonLabel, VoidCallback? onSecondaryButtonPressed, String? tertiaryButtonLabel, VoidCallback? onTertiaryButtonPressed, bool rounded = true, bool barrierDismissible = true, bool useRootNavigator = true}) → Future<bool?>
showZetaDialog
startingDayOfWeekToInt(StartingDayOfWeek startingDayOfWeek) → int
Returns an int representing the starting day of week.
startMonthDay(DateTime date, {int startingDayOfWeek = 1}) → DateTime
Gets the first day of the first week of a month. Commonly this is not the first of the month, unless that happens to fall on the start day of the week.
textWidth(String text, TextStyle style, {int maxLines = 1}) → double
Gets the width of a text with a given style.
widgetStatePropertyResolver<T>({T? hoveredValue, T? focusedValue, T? pressedValue, T? draggedValue, T? selectedValue, T? scrolledUnderValue, T? disabledValue, T? errorValue, T? defaultValue}) → WidgetStateProperty<T?>
Generates a WidgetStateProperty based on given values for different states.
zdsFileError(BuildContext context, ZdsFilePickerConfig config, Exception exception) → void
Default error handler
zdsValidator(ZdsFilePickerController controller, ZdsFilePickerConfig config, ZdsFileWrapper wrapper, ZdsFilePickerOptions option) → Future<FilePickerException?>
Default file validator

Typedefs

BuildContextProvider = BuildContext Function()
Context used for page navigation
BuilderCallback = Widget Function(BuildContext context, int index)
Callback function for ZdsHorizontalList.builder method.
CaptureRequestBuilder = Future<CaptureRequest> Function(List<Sensor> sensors)
DateRange = ZdsDateRange
A date range selector that also allows to quickly change the range selected by jumping to the next or previous set of dates.
FilePickerConfig = ZdsFilePickerConfig
The configuration used in a ZdsFilePicker.
FilePickerOptions = ZdsFilePickerOptions
Extension on FilePickerException to show message Types of files the ZdsFilePicker can be used to pick.
FileWrapper = ZdsFileWrapper
Wrapper around files picked using ZdsFilePicker.
GiphyGetWrapperBuilder = Widget Function(Stream<GiphyGif>, GiphyGetWrapper)
SearchAppBarBuilder = Widget Function(BuildContext context, FocusNode focusNode, bool autofocus, TextEditingController textEditingController, void onClearSearch())
SlidableActionCallback = void Function(BuildContext context)
Signature for CustomSlidableAction.onPressed.
TabBottomBuilder = Widget Function(BuildContext context)
TabTopBuilder = Widget Function(BuildContext context)
ZdsFileValidator = Future<FilePickerException?> Function(ZdsFilePickerController controller, ZdsFilePickerConfig config, ZdsFileWrapper fileWrapper, ZdsFilePickerOptions option)
File validator
ZetaAppBuilder = Widget Function(BuildContext context, ZetaThemeData themeData, ThemeMode themeMode)
A typedef for the ZetaAppBuilder function which takes BuildContext, ZetaThemeData, and ThemeMode and returns a Widget.
ZetaBadge = ZetaLabel
Zeta Badge.
ZetaSystemBanner = ZetaBanner
Zeta Banner. Extends MaterialBanner.
ZetaSystemBannerStatus = ZetaBannerStatus
ZetaBanner type.

Exceptions / Errors

FilePickerException
Class defining different exceptions types with its arguments