VxBox class

A convenience widget that combines common painting, positioning, and sizing widgets.

A container/VxBox first surrounds the child with padding (inflated by any borders present in the decoration) and then applies additional constraints to the padded extent (incorporating the width and height as constraints, if either is non-null). The container is then surrounded by additional empty space described from the margin.

During painting, the container first applies the given transform, then paints the decoration to fill the padded extent, then it paints the child, and finally paints the foregroundDecoration, also filling the padded extent.

Containers with no children try to be as big as possible unless the incoming constraints are unbounded, in which case they try to be as small as possible. Containers with children size themselves to their children. The width, height, and constraints arguments to the constructor override this.

By default, boxes/containers return false for all hit tests. If the color property is specified, the hit testing is handled by ColoredBox, which always returns true. If the decoration or foregroundDecoration properties are specified, hit testing is handled by Decoration.hitTest.

Available Extensions

Constructors

VxBox({Widget? child})

Properties

alignBottomCenter → VxBox
no setterinherited
alignBottomLeft → VxBox
no setterinherited
alignBottomRight → VxBox
no setterinherited
alignCenter → VxBox
no setterinherited
alignCenterLeft → VxBox
no setterinherited
alignCenterRight → VxBox
no setterinherited
alignTopCenter → VxBox
no setterinherited
alignTopLeft → VxBox
no setterinherited
alignTopRight → VxBox
no setterinherited
amber50 → VxBox
Amber
no setterinherited
amber100 → VxBox
no setterinherited
amber200 → VxBox
no setterinherited
amber300 → VxBox
no setterinherited
amber400 → VxBox
no setterinherited
amber500 → VxBox
no setterinherited
amber600 → VxBox
no setterinherited
amber700 → VxBox
no setterinherited
amber800 → VxBox
no setterinherited
amber900 → VxBox
no setterinherited
black → VxBox
no setterinherited
blue50 → VxBox
Blue
no setterinherited
blue100 → VxBox
no setterinherited
blue200 → VxBox
no setterinherited
blue300 → VxBox
no setterinherited
blue400 → VxBox
no setterinherited
blue500 → VxBox
no setterinherited
blue600 → VxBox
no setterinherited
blue700 → VxBox
no setterinherited
blue800 → VxBox
no setterinherited
blue900 → VxBox
no setterinherited
blueGray50 → VxBox
Bluegray
no setterinherited
blueGray100 → VxBox
no setterinherited
blueGray200 → VxBox
no setterinherited
blueGray300 → VxBox
no setterinherited
blueGray400 → VxBox
no setterinherited
blueGray500 → VxBox
no setterinherited
blueGray600 → VxBox
no setterinherited
blueGray700 → VxBox
no setterinherited
blueGray800 → VxBox
no setterinherited
blueGray900 → VxBox
no setterinherited
child → Widget?
final
coolGray50 → VxBox
Cool Gray
no setterinherited
coolGray100 → VxBox
no setterinherited
coolGray200 → VxBox
no setterinherited
coolGray300 → VxBox
no setterinherited
coolGray400 → VxBox
no setterinherited
coolGray500 → VxBox
no setterinherited
coolGray600 → VxBox
no setterinherited
coolGray700 → VxBox
no setterinherited
coolGray800 → VxBox
no setterinherited
coolGray900 → VxBox
no setterinherited
cyan50 → VxBox
Cyan
no setterinherited
cyan100 → VxBox
no setterinherited
cyan200 → VxBox
no setterinherited
cyan300 → VxBox
no setterinherited
cyan400 → VxBox
no setterinherited
cyan500 → VxBox
no setterinherited
cyan600 → VxBox
no setterinherited
cyan700 → VxBox
no setterinherited
cyan800 → VxBox
no setterinherited
cyan900 → VxBox
no setterinherited
emerald50 → VxBox
Emerald
no setterinherited
emerald100 → VxBox
no setterinherited
emerald200 → VxBox
no setterinherited
emerald300 → VxBox
no setterinherited
emerald400 → VxBox
no setterinherited
emerald500 → VxBox
no setterinherited
emerald600 → VxBox
no setterinherited
emerald700 → VxBox
no setterinherited
emerald800 → VxBox
no setterinherited
emerald900 → VxBox
no setterinherited
fuchsia50 → VxBox
Fuchsia
no setterinherited
fuchsia100 → VxBox
no setterinherited
fuchsia200 → VxBox
no setterinherited
fuchsia300 → VxBox
no setterinherited
fuchsia400 → VxBox
no setterinherited
fuchsia500 → VxBox
no setterinherited
fuchsia600 → VxBox
no setterinherited
fuchsia700 → VxBox
no setterinherited
fuchsia800 → VxBox
no setterinherited
fuchsia900 → VxBox
no setterinherited
gray50 → VxBox
Gray
no setterinherited
gray100 → VxBox
no setterinherited
gray200 → VxBox
no setterinherited
gray300 → VxBox
no setterinherited
gray400 → VxBox
no setterinherited
gray500 → VxBox
no setterinherited
gray600 → VxBox
no setterinherited
gray700 → VxBox
no setterinherited
gray800 → VxBox
no setterinherited
gray900 → VxBox
no setterinherited
green50 → VxBox
Green
no setterinherited
green100 → VxBox
no setterinherited
green200 → VxBox
no setterinherited
green300 → VxBox
no setterinherited
green400 → VxBox
no setterinherited
green500 → VxBox
no setterinherited
green600 → VxBox
no setterinherited
green700 → VxBox
no setterinherited
green800 → VxBox
no setterinherited
green900 → VxBox
no setterinherited
hashCode → int
The hash code for this object.
no setterinherited
indigo50 → VxBox
Indigo
no setterinherited
indigo100 → VxBox
no setterinherited
indigo200 → VxBox
no setterinherited
indigo300 → VxBox
no setterinherited
indigo400 → VxBox
no setterinherited
indigo500 → VxBox
no setterinherited
indigo600 → VxBox
no setterinherited
indigo700 → VxBox
no setterinherited
indigo800 → VxBox
no setterinherited
indigo900 → VxBox
no setterinherited
lightBlue50 → VxBox
Light blue
no setterinherited
lightBlue100 → VxBox
no setterinherited
lightBlue200 → VxBox
no setterinherited
lightBlue300 → VxBox
no setterinherited
lightBlue400 → VxBox
no setterinherited
lightBlue500 → VxBox
no setterinherited
lightBlue600 → VxBox
no setterinherited
lightBlue700 → VxBox
no setterinherited
lightBlue800 → VxBox
no setterinherited
lightBlue900 → VxBox
no setterinherited
lime50 → VxBox
Lime
no setterinherited
lime100 → VxBox
no setterinherited
lime200 → VxBox
no setterinherited
lime300 → VxBox
no setterinherited
lime400 → VxBox
no setterinherited
lime500 → VxBox
no setterinherited
lime600 → VxBox
no setterinherited
lime700 → VxBox
no setterinherited
lime800 → VxBox
no setterinherited
lime900 → VxBox
no setterinherited
noneShadow → VxBox
Shadowing
no setterinherited
orange50 → VxBox
Orange
no setterinherited
orange100 → VxBox
no setterinherited
orange200 → VxBox
no setterinherited
orange300 → VxBox
no setterinherited
orange400 → VxBox
no setterinherited
orange500 → VxBox
no setterinherited
orange600 → VxBox
no setterinherited
orange700 → VxBox
no setterinherited
orange800 → VxBox
no setterinherited
orange900 → VxBox
no setterinherited
outerShadow → VxBox
no setterinherited
outerShadow2Xl → VxBox
no setterinherited
outerShadow3Xl → VxBox
no setterinherited
outerShadowLg → VxBox
no setterinherited
outerShadowMd → VxBox
no setterinherited
outerShadowSm → VxBox
Shadowing
no setterinherited
outerShadowXl → VxBox
no setterinherited
p0 → VxBox
no setterinherited
p1 → VxBox
no setterinherited
p3 → VxBox
no setterinherited
p4 → VxBox
no setterinherited
p8 → VxBox
no setterinherited
p12 → VxBox
no setterinherited
p16 → VxBox
no setterinherited
p20 → VxBox
no setterinherited
p24 → VxBox
no setterinherited
p32 → VxBox
no setterinherited
p64 → VxBox
no setterinherited
pink100 → VxBox
Pink
no setterinherited
pink200 → VxBox
no setterinherited
pink300 → VxBox
no setterinherited
pink400 → VxBox
no setterinherited
pink500 → VxBox
no setterinherited
pink600 → VxBox
no setterinherited
pink700 → VxBox
no setterinherited
pink800 → VxBox
no setterinherited
pink900 → VxBox
no setterinherited
purple100 → VxBox
Purple
no setterinherited
purple200 → VxBox
no setterinherited
purple300 → VxBox
no setterinherited
purple400 → VxBox
no setterinherited
purple500 → VxBox
no setterinherited
purple600 → VxBox
no setterinherited
purple700 → VxBox
no setterinherited
purple800 → VxBox
no setterinherited
purple900 → VxBox
no setterinherited
px0 → VxBox
no setterinherited
px1 → VxBox
no setterinherited
px3 → VxBox
no setterinherited
px4 → VxBox
no setterinherited
px8 → VxBox
no setterinherited
px12 → VxBox
no setterinherited
px16 → VxBox
no setterinherited
px20 → VxBox
no setterinherited
px24 → VxBox
no setterinherited
px32 → VxBox
no setterinherited
px64 → VxBox
no setterinherited
py0 → VxBox
no setterinherited
py1 → VxBox
no setterinherited
py3 → VxBox
no setterinherited
py4 → VxBox
no setterinherited
py8 → VxBox
no setterinherited
py12 → VxBox
no setterinherited
py16 → VxBox
no setterinherited
py20 → VxBox
no setterinherited
py24 → VxBox
no setterinherited
py32 → VxBox
no setterinherited
py64 → VxBox
no setterinherited
red50 → VxBox
Red
no setterinherited
red100 → VxBox
no setterinherited
red200 → VxBox
no setterinherited
red300 → VxBox
no setterinherited
red400 → VxBox
no setterinherited
red500 → VxBox
no setterinherited
red600 → VxBox
no setterinherited
red700 → VxBox
no setterinherited
red800 → VxBox
no setterinherited
red900 → VxBox
no setterinherited
rose50 → VxBox
Rose
no setterinherited
rose100 → VxBox
no setterinherited
rose200 → VxBox
no setterinherited
rose300 → VxBox
no setterinherited
rose400 → VxBox
no setterinherited
rose500 → VxBox
no setterinherited
rose600 → VxBox
no setterinherited
rose700 → VxBox
no setterinherited
rose800 → VxBox
no setterinherited
rose900 → VxBox
no setterinherited
rounded → VxBox
no setterinherited
roundedFull → VxBox
Sets the decorated box as circular.
no setter
roundedLg → VxBox
no setterinherited
roundedNone → VxBox
no setterinherited
roundedSM → VxBox
no setterinherited
roundedValue ↔ double?
getter/setter pairinherited
runtimeType → Type
A representation of the runtime type of the object.
no setterinherited
shadow → VxBox
Shadowing
no setterinherited
shadow2xl → VxBox
To give twice extra large shadow.
no setterinherited
shadow3xl → VxBox
To give thrice extra large shadow.
no setterinherited
shadow4xl → VxBox
To give 4x extra large shadow.
no setterinherited
shadow5xl → VxBox
To give 5x extra large shadow.
no setterinherited
shadowLg → VxBox
To give large shadow.
no setterinherited
shadowMax → VxBox
To give max shadow.
no setterinherited
shadowMd → VxBox
To give medium shadow.
no setterinherited
shadowSm → VxBox
To give small shadow.
no setterinherited
shadowXl → VxBox
To give extra large shadow.
no setterinherited
shadowXs → VxBox
To give extra small shadow.
no setterinherited
teal50 → VxBox
teal
no setterinherited
teal100 → VxBox
no setterinherited
teal200 → VxBox
no setterinherited
teal300 → VxBox
no setterinherited
teal400 → VxBox
no setterinherited
teal500 → VxBox
no setterinherited
teal600 → VxBox
no setterinherited
teal700 → VxBox
no setterinherited
teal800 → VxBox
no setterinherited
teal900 → VxBox
no setterinherited
transparent → VxBox
Transparent
no setterinherited
trueGray50 → VxBox
True Gray
no setterinherited
trueGray100 → VxBox
no setterinherited
trueGray200 → VxBox
no setterinherited
trueGray300 → VxBox
no setterinherited
trueGray400 → VxBox
no setterinherited
trueGray500 → VxBox
no setterinherited
trueGray600 → VxBox
no setterinherited
trueGray700 → VxBox
no setterinherited
trueGray800 → VxBox
no setterinherited
trueGray900 → VxBox
no setterinherited
velocityAlignment ↔ Alignment?
getter/setter pairinherited
velocityColor ↔ Color?
getter/setter pairinherited
velocityGradient ↔ Gradient?
getter/setter pairinherited
velocityPadding ↔ EdgeInsetsGeometry?
Provides Padding
getter/setter pairinherited
velocityShadow ↔ List<BoxShadow>?
getter/setter pairinherited
violet50 → VxBox
Violet
no setterinherited
violet100 → VxBox
no setterinherited
violet200 → VxBox
no setterinherited
violet300 → VxBox
no setterinherited
violet400 → VxBox
no setterinherited
violet500 → VxBox
no setterinherited
violet600 → VxBox
no setterinherited
violet700 → VxBox
no setterinherited
violet800 → VxBox
no setterinherited
violet900 → VxBox
no setterinherited
warmGray50 → VxBox
Warm Gray
no setterinherited
warmGray100 → VxBox
no setterinherited
warmGray200 → VxBox
no setterinherited
warmGray300 → VxBox
no setterinherited
warmGray400 → VxBox
no setterinherited
warmGray500 → VxBox
no setterinherited
warmGray600 → VxBox
no setterinherited
warmGray700 → VxBox
no setterinherited
warmGray800 → VxBox
no setterinherited
warmGray900 → VxBox
no setterinherited
white → VxBox
no setterinherited
yellow50 → VxBox
Yellow
no setterinherited
yellow100 → VxBox
no setterinherited
yellow200 → VxBox
no setterinherited
yellow300 → VxBox
no setterinherited
yellow400 → VxBox
no setterinherited
yellow500 → VxBox
no setterinherited
yellow600 → VxBox
no setterinherited
yellow700 → VxBox
no setterinherited
yellow800 → VxBox
no setterinherited
yellow900 → VxBox
no setterinherited

Methods

alignment(Alignment val) → VxBox
inherited
bgImage(DecorationImage image) → VxBox
Sets the background image to the decorated box.
border({Color color = Colors.black, double width = 1.0, BorderStyle style = BorderStyle.solid}) → VxBox
Bordering Sets the border of the Box.
clip(Clip clip) → VxBox
Sets the clip behavior of the box.
color(Color color) → VxBox
Sets the color property of the box.
gradientFrom({required Color from, List<double>? stops}) → VxBox
inherited
gradientFromTo({required Color from, required Color to, List<double>? stops}) → VxBox
inherited
gradientTo({required Color to, List<double>? stops}) → VxBox
inherited
gradientVia({required Color from, required Color via, required Color to, List<double>? stops}) → VxBox
inherited
height(double val) → VxBox
Sets the height property of the box.
hexColor(String colorHex) → VxBox
Sets the color property of the box using the hex color value.
linearGradient(List<Color> colors, {AlignmentGeometry begin = Alignment.centerLeft, AlignmentGeometry end = Alignment.centerRight, List<double>? stops, TileMode tileMode = TileMode.clamp, GradientTransform? transform}) → VxBox
Gradienting Sets the linear gradient to the decorated box.
make({Key? key}) → Widget
margin(EdgeInsetsGeometry val) → VxBox
Sets the margin property of the box.
neumorphic({Color? color, VxCurve curve = VxCurve.concave, double elevation = 12.0}) → VxBox
Use this to convert your box to the neumorphic design. Use it wisely.
noSuchMethod(Invocation invocation) → dynamic
Invoked when a nonexistent method or property is accessed.
inherited
padding(EdgeInsetsGeometry val) → VxBox
Sets the padding property of the box.
radialGradient(List<Color> colors, {AlignmentGeometry center = Alignment.center, double radius = 0.5, List<double>? stops, TileMode tileMode = TileMode.clamp, AlignmentGeometry? focal, double focalRadius = 0.0, GradientTransform? transform}) → VxBox
Sets the radial gradient to the decorated box.
setChildForAlignment(VxBox child) → void
inherited
setChildForShadow(VxBox child) → void
inherited
setChildToColor(VxBox child) → void
inherited
setChildToGradient(VxBox child) → void
inherited
setChildToPad(VxBox child) → void
inherited
setChildToRound(VxBox child) → void
inherited
shadowOutline({Color? outlineColor}) → VxBox
To give shadow with some outline color.
size(double width, double height) → VxBox
Sets the size (width & height) property of the box.
sizePCT({required BuildContext context, required double widthPCT, required double heightPCT}) → VxBox
Sets the size (width & height in percentage) property of the box.
square(double val) → VxBox
Sets the height and width as square of the box.
sweepGradient(List<Color> colors, {AlignmentGeometry center = Alignment.center, double startAngle = 0.0, double endAngle = pi * 2, List<double>? stops, TileMode tileMode = TileMode.clamp, GradientTransform? transform}) → VxBox
Sets the sweep gradient to the decorated box.
toString() → String
A string representation of this object.
inherited
transform(Matrix4 val) → VxBox
transforming
velocityDecoration(Color _color, VxCurve curveType, double elevation) → VxNeumorph
inherited
width(double val) → VxBox
Sets the width property of the box.
withConstraints(BoxConstraints constraints) → VxBox
Provide a box constraint
withDecoration(BoxDecoration decoration) → VxBox
Provide a custom DecoratedBox
withForegroundDecoration(BoxDecoration decoration) → VxBox
Provide a custom Foreground DecoratedBox
withGradient(Gradient gradient) → VxBox
Sets the defined gradient to the decorated box.
withRounded({double value = 15.0}) → VxBox
inherited
withShadow(List<BoxShadow> shadows) → VxBox
Provide custom list of box shadows

Operators

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