Dimensions class abstract final

Built with Kite πŸͺ Flutter foundations, architecture, and developer tooling. Learn more: https://kite.orkitt.dev

Centralized application dimensions, paddings, radiuses, and layout gaps.

Based primarily on a 4px grid system.

Naming conventions:

  • s16 β†’ Raw spacing value
  • r16 β†’ Raw radius value
  • rad16 β†’ BorderRadius
  • p16 β†’ EdgeInsets.all()
  • px16 β†’ Horizontal padding
  • py16 β†’ Vertical padding
  • vBox16 β†’ Vertical gap
  • hBox16 β†’ Horizontal gap

Properties

hashCode β†’ int
The hash code for this object.
no setterinherited
runtimeType β†’ Type
A representation of the runtime type of the object.
no setterinherited

Methods

noSuchMethod(Invocation invocation) β†’ dynamic
Invoked when a nonexistent method or property is accessed.
inherited
toString() β†’ String
A string representation of this object.
inherited

Operators

operator ==(Object other) β†’ bool
The equality operator.
inherited

Constants

appBarHeight β†’ const double
Standard top app bar height.
avatarLg β†’ const double
avatarMd β†’ const double
avatarSm β†’ const double
avatarXl β†’ const double
avatarXs β†’ const double
avatarXxl β†’ const double
badgeLg β†’ const double
badgeMd β†’ const double
badgeSm β†’ const double
borderDefault β†’ const double
borderStrong β†’ const double
borderThin β†’ const double
bottomNavClearance β†’ const double
Useful when a scrollable screen needs clearance above a bottom navbar.
bottomSheetPadding β†’ const EdgeInsets
Bottom sheet content padding.
buttonHeightLg β†’ const double
buttonHeightMd β†’ const double
buttonHeightSm β†’ const double
buttonHeightXl β†’ const double
cardPadding β†’ const EdgeInsets
Common card internal padding.
cardPaddingLg β†’ const EdgeInsets
Spacious card internal padding.
checkboxSize β†’ const double
chipHeight β†’ const double
contentMaxWidth β†’ const double
Standard content width.
dialogMaxWidth β†’ const double
Common dialog max width.
dialogPadding β†’ const EdgeInsets
Dialog / modal internal padding.
dividerThickness β†’ const double
drawerWidth β†’ const double
Common drawer width.
fabLg β†’ const double
fabMd β†’ const double
fabSm β†’ const double
formMaxWidth β†’ const double
Useful for authentication/forms on tablet and desktop.
hBox2 β†’ const SizedBox
hBox4 β†’ const SizedBox
hBox8 β†’ const SizedBox
hBox12 β†’ const SizedBox
hBox16 β†’ const SizedBox
hBox20 β†’ const SizedBox
hBox24 β†’ const SizedBox
hBox28 β†’ const SizedBox
hBox32 β†’ const SizedBox
hBox40 β†’ const SizedBox
hBox48 β†’ const SizedBox
hBox56 β†’ const SizedBox
hBox64 β†’ const SizedBox
iconLg β†’ const double
iconMd β†’ const double
iconSm β†’ const double
iconXl β†’ const double
iconXs β†’ const double
iconXxl β†’ const double
imagePreviewMd β†’ const double
imagePreviewSm β†’ const double
indicatorLg β†’ const double
indicatorMd β†’ const double
indicatorSm β†’ const double
inputHeightLg β†’ const double
inputHeightMd β†’ const double
inputHeightSm β†’ const double
Standard Material 3 Navigation Bar height.
More compact custom bottom navigation.
offsetLg β†’ const double
offsetMd β†’ const double
offsetSm β†’ const double
Common small elevation-like vertical offset.
p2 β†’ const EdgeInsets
p4 β†’ const EdgeInsets
p8 β†’ const EdgeInsets
p12 β†’ const EdgeInsets
p16 β†’ const EdgeInsets
p20 β†’ const EdgeInsets
p24 β†’ const EdgeInsets
p28 β†’ const EdgeInsets
p32 β†’ const EdgeInsets
p40 β†’ const EdgeInsets
p48 β†’ const EdgeInsets
progressStrokeLg β†’ const double
progressStrokeMd β†’ const double
progressStrokeSm β†’ const double
px4 β†’ const EdgeInsets
px8 β†’ const EdgeInsets
px8y4 β†’ const EdgeInsets
px12 β†’ const EdgeInsets
px12y8 β†’ const EdgeInsets
px16 β†’ const EdgeInsets
px16y4 β†’ const EdgeInsets
px16y8 β†’ const EdgeInsets
px16y12 β†’ const EdgeInsets
px16y20 β†’ const EdgeInsets
px20 β†’ const EdgeInsets
px20y8 β†’ const EdgeInsets
px20y12 β†’ const EdgeInsets
px20y16 β†’ const EdgeInsets
px24 β†’ const EdgeInsets
px24y8 β†’ const EdgeInsets
px24y12 β†’ const EdgeInsets
px24y16 β†’ const EdgeInsets
px24y20 β†’ const EdgeInsets
px28 β†’ const EdgeInsets
px32 β†’ const EdgeInsets
px32y16 β†’ const EdgeInsets
px32y24 β†’ const EdgeInsets
px40 β†’ const EdgeInsets
px48 β†’ const EdgeInsets
py4 β†’ const EdgeInsets
py8 β†’ const EdgeInsets
py12 β†’ const EdgeInsets
py16 β†’ const EdgeInsets
py20 β†’ const EdgeInsets
py24 β†’ const EdgeInsets
py28 β†’ const EdgeInsets
py32 β†’ const EdgeInsets
py40 β†’ const EdgeInsets
py48 β†’ const EdgeInsets
pZero β†’ const EdgeInsets
r4 β†’ const double
r8 β†’ const double
r12 β†’ const double
r16 β†’ const double
r20 β†’ const double
r24 β†’ const double
r28 β†’ const double
r32 β†’ const double
r40 β†’ const double
r48 β†’ const double
rad4 β†’ const BorderRadius
rad8 β†’ const BorderRadius
rad12 β†’ const BorderRadius
rad16 β†’ const BorderRadius
rad20 β†’ const BorderRadius
rad24 β†’ const BorderRadius
rad28 β†’ const BorderRadius
rad32 β†’ const BorderRadius
rad40 β†’ const BorderRadius
rad48 β†’ const BorderRadius
radFull β†’ const BorderRadius
radioSize β†’ const double
radZero β†’ const BorderRadius
railExtendedWidth β†’ const double
Extended navigation rail width.
railWidth β†’ const double
Standard navigation rail width.
readableContentMaxWidth β†’ const double
Narrow readable content.
rFull β†’ const double
s2 β†’ const double
s4 β†’ const double
s8 β†’ const double
s12 β†’ const double
s16 β†’ const double
s20 β†’ const double
s24 β†’ const double
s28 β†’ const double
s32 β†’ const double
s36 β†’ const double
s40 β†’ const double
s44 β†’ const double
s48 β†’ const double
s52 β†’ const double
s56 β†’ const double
s60 β†’ const double
s64 β†’ const double
s72 β†’ const double
s80 β†’ const double
s88 β†’ const double
s96 β†’ const double
s104 β†’ const double
s112 β†’ const double
s120 β†’ const double
s128 β†’ const double
screenInsets β†’ const EdgeInsets
Default mobile page content padding.
screenInsetsComfortable β†’ const EdgeInsets
Slightly more spacious page padding.
screenPadding β†’ const double
Default screen padding.
screenPaddingLg β†’ const double
Comfortable screen padding for larger phones/tablets.
segmentedControlHeight β†’ const double
sidebarWidth β†’ const double
Compact sidebar width.
switchHeight β†’ const double
thumbnailLg β†’ const double
thumbnailMd β†’ const double
thumbnailSm β†’ const double
toolbarHeight β†’ const double
Flutter's standard toolbar height.
touchTarget β†’ const double
touchTargetLg β†’ const double
touchTargetSm β†’ const double
vBox2 β†’ const SizedBox
vBox4 β†’ const SizedBox
vBox8 β†’ const SizedBox
vBox12 β†’ const SizedBox
vBox16 β†’ const SizedBox
vBox20 β†’ const SizedBox
vBox24 β†’ const SizedBox
vBox28 β†’ const SizedBox
vBox32 β†’ const SizedBox
vBox36 β†’ const SizedBox
vBox40 β†’ const SizedBox
vBox48 β†’ const SizedBox
vBox56 β†’ const SizedBox
vBox64 β†’ const SizedBox
vBox72 β†’ const SizedBox
vBox80 β†’ const SizedBox
vBox96 β†’ const SizedBox
zero β†’ const double