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
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
- child → Widget?
-
final
- 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
- 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
- neutral50 → VxBox
-
Neutral
no setterinherited
- neutral100 → VxBox
-
no setterinherited
- neutral200 → VxBox
-
no setterinherited
- neutral300 → VxBox
-
no setterinherited
- neutral400 → VxBox
-
no setterinherited
- neutral500 → VxBox
-
no setterinherited
- neutral600 → VxBox
-
no setterinherited
- neutral700 → VxBox
-
no setterinherited
- neutral800 → VxBox
-
no setterinherited
- neutral900 → 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
- pink50 → VxBox
-
Pink
no setterinherited
- pink100 → VxBox
-
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
- purple50 → VxBox
-
Purple
no setterinherited
- purple100 → VxBox
-
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
- radiusGeometry ↔ BorderRadiusGeometry?
-
getter/setter pairinherited
- 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
- sky50 → VxBox
-
Sky
no setterinherited
- sky100 → VxBox
-
no setterinherited
- sky200 → VxBox
-
no setterinherited
- sky300 → VxBox
-
no setterinherited
- sky400 → VxBox
-
no setterinherited
- sky500 → VxBox
-
no setterinherited
- sky600 → VxBox
-
no setterinherited
- sky700 → VxBox
-
no setterinherited
- sky800 → VxBox
-
no setterinherited
- sky900 → VxBox
-
no setterinherited
- slate50 → VxBox
-
Slate
no setterinherited
- slate100 → VxBox
-
no setterinherited
- slate200 → VxBox
-
no setterinherited
- slate300 → VxBox
-
no setterinherited
- slate400 → VxBox
-
no setterinherited
- slate500 → VxBox
-
no setterinherited
- slate600 → VxBox
-
no setterinherited
- slate700 → VxBox
-
no setterinherited
- slate800 → VxBox
-
no setterinherited
- slate900 → VxBox
-
no setterinherited
- stone50 → VxBox
-
Stone
no setterinherited
- stone100 → VxBox
-
no setterinherited
- stone200 → VxBox
-
no setterinherited
- stone300 → VxBox
-
no setterinherited
- stone400 → VxBox
-
no setterinherited
- stone500 → VxBox
-
no setterinherited
- stone600 → VxBox
-
no setterinherited
- stone700 → VxBox
-
no setterinherited
- stone800 → VxBox
-
no setterinherited
- stone900 → VxBox
-
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
- 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
- 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
- zinc50 → VxBox
-
Zinc
no setterinherited
- zinc100 → VxBox
-
no setterinherited
- zinc200 → VxBox
-
no setterinherited
- zinc300 → VxBox
-
no setterinherited
- zinc400 → VxBox
-
no setterinherited
- zinc500 → VxBox
-
no setterinherited
- zinc600 → VxBox
-
no setterinherited
- zinc700 → VxBox
-
no setterinherited
- zinc800 → VxBox
-
no setterinherited
- zinc900 → 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.
-
bottomLeftRounded(
{double? value}) → VxBox -
inherited
-
bottomRightRounded(
{double? value}) → VxBox -
inherited
-
bottomRounded(
{double? value}) → VxBox -
inherited
-
clip(
Clip clip) → VxBox - Sets the clip behavior of the box.
-
color(
Color color) → VxBox - Sets the color property of the box.
-
customRounded(
BorderRadiusGeometry geometry) → VxBox -
inherited
-
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.
-
leftRounded(
{double? value}) → VxBox -
inherited
-
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.
-
rightRounded(
{double? value}) → VxBox -
inherited
-
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.
-
topLeftRounded(
{double? value}) → VxBox -
inherited
-
topRightRounded(
{double? value}) → VxBox -
inherited
-
topRounded(
{double? value}) → VxBox -
inherited
-
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