Spacing class

A utility widget that creates consistent spacing between UI elements.

The Spacing class provides a clean way to add vertical or horizontal spacing between widgets without manually creating SizedBox instances. It supports two direction types and can be easily used within any widget tree.

Example usage:

Column(
  children: [
    Text('First item'),
    Spacing.vertical(16), // 16 logical pixels of vertical space
    Text('Second item'),
  ],
)

Using preset sizes:

Column(
  children: [
    Text('First item'),
    Spacing.sm, // Small vertical spacing
    Text('Second item'),
    Spacing.lg, // Large vertical spacing
    Text('Third item'),
  ],
)

Inheritance

Available extensions

Constructors

Spacing({Key? key, double? width, double? height}): Creates spacing with the specified width and height.
const
Spacing.horizontal(double width, {Key? key}): Creates horizontal spacing with the specified width.
const
Spacing.vertical(double height, {Key? key}): Creates vertical spacing with the specified height.
const

Properties

hashCode → int: The hash code for this object.
no setterinherited
key → Key?: Controls how one widget replaces another widget in the tree.
finalinherited
runtimeType → Type: A representation of the runtime type of the object.
no setterinherited

Methods

asSliver() → Widget: Returns a SliverToBoxAdapter containing this spacing. Useful for adding spacing in CustomScrollView with slivers.
build(BuildContext context) → Widget: Describes the part of the user interface represented by this widget.
override
connectiveOr({required Widget offline}) → Widget: Available on Widget, provided by the ConnectiveExtension extension
Wraps the widget in a Connective that shows an offline placeholder.
createElement() → StatelessElement: Creates a StatelessElement to manage this widget's location in the tree.
inherited
debugDescribeChildren() → List<DiagnosticsNode>: Returns a list of DiagnosticsNode objects describing this node's children.
inherited
debugFillProperties(DiagnosticPropertiesBuilder properties) → void: Add additional properties associated with the node.
inherited
faderBottom({double strength = 0.2, Color color = Colors.black}) → FadeOverlay: Available on StatelessWidget, provided by the NyStatelessWidgetExt extension
Make gradient fader from the bottom of the widget. strength ranges from 0.0 (subtle) to 1.0 (strong).
faderFrom({double strength = 0.2, Color color = Colors.black, AlignmentGeometry begin = Alignment.topCenter, AlignmentGeometry end = Alignment.bottomCenter}) → FadeOverlay: Available on StatelessWidget, provided by the NyStatelessWidgetExt extension
Make gradient fader with custom alignment. strength ranges from 0.0 (subtle) to 1.0 (strong).
faderLeft({double strength = 0.2, Color color = Colors.black}) → FadeOverlay: Available on StatelessWidget, provided by the NyStatelessWidgetExt extension
Make gradient fader from the left of the widget. strength ranges from 0.0 (subtle) to 1.0 (strong).
faderRight({double strength = 0.2, Color color = Colors.black}) → FadeOverlay: Available on StatelessWidget, provided by the NyStatelessWidgetExt extension
Make gradient fader from the right of the widget. strength ranges from 0.0 (subtle) to 1.0 (strong).
faderTop({double strength = 0.2, Color color = Colors.black}) → FadeOverlay: Available on StatelessWidget, provided by the NyStatelessWidgetExt extension
Make gradient fader from the top of the widget. strength ranges from 0.0 (subtle) to 1.0 (strong).
flexible({Key? key, int flex = 1, FlexFit fit = FlexFit.loose}) → Flexible: Available on StatelessWidget, provided by the NyStatelessWidgetExt extension
Make a StatelessWidget Flexible.
noSuchMethod(Invocation invocation) → dynamic: Invoked when a nonexistent method or property is accessed.
inherited
onlyOffline() → Widget: Available on Widget, provided by the ConnectiveExtension extension
Only shows the widget when offline, otherwise shows nothing.
onlyOnline() → Widget: Available on Widget, provided by the ConnectiveExtension extension
Only shows the widget when online, otherwise shows nothing.
onTap(dynamic action(), {LoadingStyle? loadingStyle}) → Widget: Available on StatelessWidget, provided by the NyStatelessWidgetExt extension
On tap run a action.
onTapRoute(dynamic routeName, {dynamic data, Map<String, dynamic>? queryParameters, NavigationType navigationType = NavigationType.push, dynamic result, bool removeUntilPredicate(Route route)?, TransitionType? transitionType, PageTransitionType? pageTransitionType, PageTransitionSettings? pageTransitionSettings, dynamic onPop(dynamic value)?}) → InkWell: Available on StatelessWidget, provided by the NyStatelessWidgetExt extension
Route to a new page.
paddingOnly({double left = 0.0, double top = 0.0, double right = 0.0, double bottom = 0.0}) → Padding: Available on StatelessWidget, provided by the NyStatelessWidgetExt extension
Add padding to the widget.
paddingSymmetric({double horizontal = 0.0, double vertical = 0.0}) → Padding: Available on StatelessWidget, provided by the NyStatelessWidgetExt extension
Add symmetric padding to the widget.
pullable({required Future<void> onRefresh()?, PullableConfig? pullableConfig}) → Widget: Available on Widget, provided by the NyWidgetExt extension
Make a widget pullable using the Pullable widget.
shadow(int strength, {Color? color, double? blurRadius, double? spreadRadius, Offset? offset, double? rounded}) → Container: Available on StatelessWidget, provided by the NyStatelessWidgetExt extension
Add a shadow to the container.
toDiagnosticsNode({String? name, DiagnosticsTreeStyle? style}) → DiagnosticsNode: Returns a debug representation of the object that is used by debugging tools and by DiagnosticsNode.toStringDeep.
inherited
toSkeleton({Key? key, bool? ignoreContainers, bool? justifyMultiLineText, Color? containersColor, bool ignorePointers = true, bool enabled = true, PaintingEffect? effect, TextBoneBorderRadius? textBoneBorderRadius}) → Skeletonizer: Available on Widget, provided by the NyWidgetExt extension
Make a widget a skeleton using the Skeletonizer package.
toString({DiagnosticLevel minLevel = DiagnosticLevel.info}) → String: A string representation of this object.
inherited
toStringDeep({String prefixLineOne = '', String? prefixOtherLines, DiagnosticLevel minLevel = DiagnosticLevel.debug, int wrapWidth = 65}) → String: Returns a string representation of this node and its descendants.
inherited
toStringShallow({String joiner = ', ', DiagnosticLevel minLevel = DiagnosticLevel.debug}) → String: Returns a one-line detailed description of the object.
inherited
toStringShort() → String: A short, textual description of this widget.
inherited
visibleWhen(bool condition) → Widget: Available on StatelessWidget, provided by the NyStatelessWidgetExt extension
Make a widget visible when a condition is true.

Operators

operator ==(Object other) → bool: The equality operator.
inherited

Constants

lg → const Spacing: Large vertical spacing (24 logical pixels).
lgHorizontal → const Spacing: Large horizontal spacing (24 logical pixels).
md → const Spacing: Medium vertical spacing (16 logical pixels).
mdHorizontal → const Spacing: Medium horizontal spacing (16 logical pixels).
sm → const Spacing: Small vertical spacing (8 logical pixels).
smHorizontal → const Spacing: Small horizontal spacing (8 logical pixels).
xl → const Spacing: Extra large vertical spacing (32 logical pixels).
xlHorizontal → const Spacing: Extra large horizontal spacing (32 logical pixels).
xs → const Spacing: Extra small vertical spacing (4 logical pixels).
xsHorizontal → const Spacing: Extra small horizontal spacing (4 logical pixels).
zero → const Spacing: Zero spacing - useful for conditional spacing.