CircularProfileAvatar class

CircularProfileAvatar allows developers to implement circular profile avatar with border, overlay, initialsText and many other features which simplifies developer's job. It is an alternative to Flutter's CircleAvatar Widget.

Inheritance
Available extensions

Constructors

CircularProfileAvatar.new({required String imageUrl, Key? key, Text initialsText = const Text(''), bool cacheImage = true, double radius = 50.0, double borderWidth = 0.0, Color borderColor = Colors.white, Color backgroundColor = Colors.white, double elevation = 0.0, bool showInitialTextAbovePicture = false, GestureTapCallback? onTap, Color foregroundColor = Colors.transparent, PlaceholderWidgetBuilder? placeHolder, LoadingErrorWidgetBuilder? errorWidget, ImageWidgetBuilder? imageBuilder, bool? animateFromOldImageOnUrlChange, ProgressIndicatorBuilder? progressIndicatorBuilder, Widget? child, BoxFit imageFit = BoxFit.cover, Map<String, String>? httpHeaders})
const

Properties

animatedBox → VxAnimatedBox

Available on Widget, provided by the VxAnimatedContainerWidgetExtension extension

Extension method to directly access VxAnimatedBox with any widget without wrapping or with dot operator.
no setter
animateFromOldImageOnUrlChange → bool?
When set to true it will animate from the old image to the new image if the url changes.
final
backgroundColor → Color
The color with which to fill the circle. default value Colors.white
final
borderColor → Color
The color with which to fill the border of the circle. default value Colors.white
final
borderWidth → double
sets the borderWidth of the circile, default value is 0.0
final
box → VxBox

Available on Widget, provided by the VxContainerWidgetExtension extension

Extension method to directly access material VxBox with any widget without wrapping or with dot operator.
no setter
cacheImage → bool
Cache the image against imageUrl in app memory if set true. it is true by default.
final
card → VxCard

Available on Widget, provided by the VxCardExtension extension

Extension method to directly access VxCard with any widget without wrapping or with dot operator.
no setter
child → Widget?
Setting child will hide every other widget initialsText and profile picture against imageUrl. Best use case is passing AssetImage as profile picture. You can pass imageUrl as empty string if you want to set child value.
final
elevation → double
sets shadow of the circle, default value is 0.0
final
errorWidget → LoadingErrorWidgetBuilder?
Widget displayed while the target imageUrl failed loading, works only if cacheImage is true.
final
foregroundColor → Color
sets the foregroundColor of the circle, It only works if showInitialTextAbovePicture is set to true. foregroundColor doesn't include border of the circle.
final
hashCode → int
The hash code for this object.
no setterinherited
httpHeaders → Map<String, String>?
final
imageBuilder → ImageWidgetBuilder?
Optional builder to further customize the display of the image.
final
imageFit → BoxFit
How to inscribe the image into the space allocated during layout. Set the BoxFit value as you want.
final
imageUrl → String
it takes a URL of the profile image.
final
initialsText → Text
Sets the initials of user's name.
final
key → Key?
Controls how one widget replaces another widget in the tree.
finalinherited
onTap → GestureTapCallback?
sets onTap gesture.
final
pad → VxPaddingBuilder

Available on Widget, provided by the VxPaddingExtensions extension

no setter
placeHolder → PlaceholderWidgetBuilder?
Widget displayed while the target imageUrl is loading, works only if cacheImage is true.
final
progressIndicatorBuilder → ProgressIndicatorBuilder?
Widget displayed while the target imageUrl is loading, works only if cacheImage is true.
final
radius → double
sets radius of the avatar circle, borderWidth is also included in this radius. default value is 0.0
final
runtimeType → Type
A representation of the runtime type of the object.
no setterinherited
showInitialTextAbovePicture → bool
Displays initials above profile picture if set to true, You can set foregroundColor value as well if showInitialTextAbovePicture is set to true.
final

Methods

asList() → List<Widget>

Available on Widget, provided by the VxWidgetsExtension extension

aspectRatio(double aspectRatio) → AspectRatio

Available on Widget, provided by the VxWidgetsExtension extension

Extension for aspectRatio with AspectRatio
backdropFilter({Key? key, ImageFilter? filter, double fuzzyDegree = 4}) → BackdropFilter

Available on Widget, provided by the VxWidgetsExtension extension

backgroundColor(Color? color) → DecoratedBox

Available on Widget, provided by the VxWidgetsExtension extension

Extension for coloring a widget with DecoratedBox
badge({VxBadgeType type = VxBadgeType.round, Color? color, TextStyle? textStyle, int? count, bool limit = false, double? size, Widget? optionalWidget, VxBadgePosition position = VxBadgePosition.rightTop}) → Widget

Available on Widget, provided by the VxBadgeExtension extension

Extension method to directly access VxBadge with any widget without wrapping or with dot operator.
bevel({Key? key, Widget? child, Color? backgroundColor, double? radius, double? width, double? height, BorderSide? borderSide, DecorationImage? backgroundImage, Gradient? gradient, List<BoxShadow>? shadows}) → VxBevel

Available on Widget, provided by the VxShapesExtension extension

Extension method to directly access VxBevel with any widget without wrapping or with dot operator.
capsule({Key? key, Widget? child, Color? backgroundColor, double? width, double? height, BoxBorder? border, BoxDecoration? customDecoration, DecorationImage? backgroundImage, BlendMode? blendMode, Gradient? gradient, List<BoxShadow>? shadows}) → VxCapsule

Available on Widget, provided by the VxShapesExtension extension

Extension method to directly access VxCapsule with any widget without wrapping or with dot operator.
centered({Key? key}) → Widget

Available on Widget, provided by the CenterExtension extension

Extension method to directly access Center with any widget without wrapping or with dot operator.
circle({Key? key, Widget? child, Color? backgroundColor, double? radius, BoxBorder? border, BoxDecoration? customDecoration, DecorationImage? backgroundImage, BlendMode? blendMode, Gradient? gradient, List<BoxShadow>? shadows}) → VxCircle

Available on Widget, provided by the VxShapesExtension extension

Extension method to directly access VxCircle with any widget without wrapping or with dot operator.
click(FnBuilderCallback onClick) → VxGestureBuilder

Available on Widget, provided by the VxGestureExtensions extension

Note - For single prop use onTap. Extension method to directly access VxGestureBuilder single click with any widget without wrapping or with dot operator.
clipHalf({Clip clipBehavior = Clip.antiAlias}) → ClipPath

Available on Widget, provided by the VxWidgetsExtension extension

Extension for creating a half shape using VxHalfClipper
clipOval({Clip clipBehavior = Clip.antiAlias, CustomClipper<Rect>? clipper}) → Widget

Available on Widget, provided by the VxWidgetsExtension extension

Extension for creating a oval shape using ClipOval
color(Color color, {Key? key}) → ColoredBox

Available on Widget, provided by the VxWidgetsExtension extension

Wrap widget with ColoredBox
constrainedBox(BoxConstraints constraints, {Key? key}) → ConstrainedBox

Available on Widget, provided by the VxWidgetsExtension extension

continuousRectangle({Key? key, Widget? child, Color? backgroundColor, double? radius, double? width, double? height, BorderSide? borderSide, DecorationImage? backgroundImage, Gradient? gradient, List<BoxShadow>? shadows}) → VxContinuousRectangle

Available on Widget, provided by the VxShapesExtension extension

Extension method to directly access VxContinuousRectangle with any widget without wrapping or with dot operator.
cornerRadius(double radius) → ClipRRect

Available on Widget, provided by the VxWidgetsExtension extension

Extension for adding a corner radius a widget with ClipRRect
createElement() → StatefulElement
Creates a StatefulElement to manage this widget's location in the tree.
inherited
createState() → _CircularProfileAvatarState
Creates the mutable state for this widget at a given location in the tree.
override
cupertinoRoute({bool fullscreenDialog = false}) → CupertinoPageRoute

Available on Widget, provided by the VxRoutesWidgetsExtension extension

customTheme({Key? key, required ThemeData? themeData}) → Theme

Available on Widget, provided by the VxThemeExtension extension

Extension method to directly access Theme with custom ThemeData with any widget without wrapping or with dot operator.
darkTheme({Key? key}) → Theme

Available on Widget, provided by the VxThemeExtension extension

Extension method to directly access dark Theme with any widget without wrapping or with dot operator.
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
disabled(bool disable) → Widget

Available on Widget, provided by the VxWidgetsExtension extension

doubleClick(FnBuilderCallback onClick) → VxGestureBuilder

Available on Widget, provided by the VxGestureExtensions extension

Note - For single prop use onDoubleTap. Extension method to directly access VxGestureBuilder double click with any widget without wrapping or with dot operator.
ellipse({Key? key, Widget? child, Color? backgroundColor, double? width, double? height, BoxBorder? border, BoxDecoration? customDecoration, DecorationImage? backgroundImage, BlendMode? blendMode, Gradient? gradient, List<BoxShadow>? shadows}) → VxEllipse

Available on Widget, provided by the VxShapesExtension extension

Extension method to directly access VxEllipse with any widget without wrapping or with dot operator.
errorWidget(Object ex) → Widget

Available on Widget, provided by the VxWidgetsExtension extension

Widget to show exception
expand({Key? key, int flex = 1}) → Expanded

Available on Widget, provided by the VxWidgetsExtension extension

Extension for Expanded
filter({VxColorFilter filter = VxColorFilter.noFilter}) → Widget

Available on Widget, provided by the FilterExtension extension

Filters the widget with a color filter.
fittedBox({Key? key, BoxFit fit = BoxFit.contain, AlignmentGeometry alignment = Alignment.center, Clip clipBehavior = Clip.none}) → FittedBox

Available on Widget, provided by the VxWidgetsExtension extension

flexible({Key? key, int flex = 1}) → Flexible

Available on Widget, provided by the VxWidgetsExtension extension

Extension for Flexible
flipHorizontal({Key? key}) → Widget

Available on Widget, provided by the VxTransformExtension extension

Extension method to horizontally flip any widget without wrapping or with dot operator.
flipVertical({Key? key}) → Widget

Available on Widget, provided by the VxTransformExtension extension

Extension method to vertically flip any widget without wrapping or with dot operator.
flipX({Key? key, double? radian}) → Widget

Available on Widget, provided by the VxTransformExtension extension

Extension method to rotate along X-axis any widget without wrapping or with dot operator.
flipY({Key? key, double? radian}) → Widget

Available on Widget, provided by the VxTransformExtension extension

Extension method to rotate along Y-axis any widget without wrapping or with dot operator.
foregroundColor(Color color, {Key? key}) → Widget

Available on Widget, provided by the VxWidgetsExtension extension

Wrap widget with VxFilter
fractionalBox({Key? key, required double heightFactor, required double widthFactor, Alignment? alignment}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

Extension for FractionallySizedBox
glassMorphic({Key? key, double? width, double? height, BoxBorder? border, BorderRadius? borderRadius, double? opacity = 0.05, double? shadowStrength = 4, double? circularRadius = 10, double? blur = 5}) → Widget

Available on Widget, provided by the VxGlassWidgetExtension extension

Extension method to directly access VxGlassmorphic with any widget without wrapping or with dot operator.
h(double height) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

All available heights SizedBox widget with a specified height
h0(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 0% height of the MediaQuery height
h1(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 1% height of the MediaQuery height
h10(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 10% height of the MediaQuery height
h15(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 15% height of the MediaQuery height
h16(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 16% height of the MediaQuery height
h2(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 2% height of the MediaQuery height
h20(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 20% height of the MediaQuery height
h24(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 24% height of the MediaQuery height
h32(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 32% height of the MediaQuery height
h4(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 4% height of the MediaQuery height
h40(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 40% height of the MediaQuery height
h48(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 48% height of the MediaQuery height
h56(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 56% height of the MediaQuery height
h60(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 60% height of the MediaQuery height
h64(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 64% height of the MediaQuery height
h8(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 8% height of the MediaQuery height
hero(Object tag, {Key? key, CreateRectTween? createRectTween, HeroFlightShuttleBuilder? flightShuttleBuilder, HeroPlaceholderBuilder? placeholderBuilder, bool transitionOnUserGestures = false}) → Hero

Available on Widget, provided by the VxWidgetsExtension extension

hFourFifth(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with four-fifth or 80% height of the MediaQuery height
hFull(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with full height of the MediaQuery height
hHalf(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with half or 50% height of the MediaQuery height
hide({Key? key, bool isVisible = false, bool maintainSize = false}) → Widget

Available on Widget, provided by the VxWidgetsExtension extension

Hides a widget
hOneForth(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with one-forth or 25% height of the MediaQuery height
hOneThird(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with one-third or 33.33% height of the MediaQuery height
hPCT({required BuildContext context, required double heightPCT}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with a specified height percentage
hThreeForth(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with three-forth or 75% height of the MediaQuery height
hTwoThird(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with two-third or 66.67% height of the MediaQuery height
innerShadow({Key? key, double blur = 2.0, Color color = Colors.black38, Offset offset = const Offset(2, 2)}) → Widget

Available on Widget, provided by the VxWidgetsExtension extension

Extension method for VxInnerShadow Widget
keepAlive() → Widget

Available on Widget, provided by the VxWidgetsExtension extension

Extension for keepAlive
lightTheme({Key? key}) → Theme

Available on Widget, provided by the VxThemeExtension extension

Extension method to directly access light Theme with any widget without wrapping or with dot operator.
longClick(FnBuilderCallback onClick) → VxGestureBuilder

Available on Widget, provided by the VxGestureExtensions extension

Note - For single prop use onLongPress. Extension method to directly access VxGestureBuilder long click with any widget without wrapping or with dot operator.
material({Key? key, MaterialType type = MaterialType.canvas, Duration animationDuration = kThemeAnimationDuration, bool borderOnForeground = true, BorderRadiusGeometry? borderRadius, Clip clipBehavior = Clip.none, Color? color, double elevation = 0.0, Color? shadowColor, ShapeBorder? shape, TextStyle? textStyle}) → Widget

Available on Widget, provided by the VxWidgetsExtension extension

Extension method for Material Widget
materialRoute({bool fullscreenDialog = false}) → MaterialPageRoute

Available on Widget, provided by the VxRoutesWidgetsExtension extension

Example: Navigator.push(context, YourPage().materialRoute());
mdClick(FnBuilderCallback onClick) → VelocityXInkWellBuilder

Available on Widget, provided by the VxGestureExtensions extension

Note - For single prop use onInkTap. Extension method to directly access material VelocityXInkWellBuilder single click with any widget without wrapping or with dot operator.
mdDoubleClick(FnBuilderCallback onClick) → VelocityXInkWellBuilder

Available on Widget, provided by the VxGestureExtensions extension

Note - For single prop use onInkDoubleTap. Extension method to directly access material VelocityXInkWellBuilder double click with any widget without wrapping or with dot operator.
mdLongClick(FnBuilderCallback onClick) → VelocityXInkWellBuilder

Available on Widget, provided by the VxGestureExtensions extension

Note - For single prop use onInkLongPress. Extension method to directly access material VelocityXInkWellBuilder long click with any widget without wrapping or with dot operator.
mouseRegion({Key? key, PointerHoverEventListener? onHover, PointerEnterEventListener? onEnter, PointerExitEventListener? onExit, MouseCursor mouseCursor = MouseCursor.defer, bool opaque = true}) → MouseRegion

Available on Widget, provided by the VxGestureExtensions extension

MouseRegion Full Widget
noSuchMethod(Invocation invocation) → dynamic
Invoked when a nonexistent method or property is accessed.
inherited
objectBottomCenter({Key? key, double? heightFactor, double? widthFactor}) → Align

Available on Widget, provided by the VxObjectExtensions extension

Can be used to align a widget to bottomcenter.
objectBottomLeft({Key? key, double? heightFactor, double? widthFactor}) → Align

Available on Widget, provided by the VxObjectExtensions extension

Can be used to align a widget to bottomleft.
objectBottomRight({Key? key, double? heightFactor, double? widthFactor}) → Align

Available on Widget, provided by the VxObjectExtensions extension

Can be used to align a widget to bottomright.
objectCenter({Key? key, double? heightFactor, double? widthFactor}) → Align

Available on Widget, provided by the VxObjectExtensions extension

Can be used to align a widget to center.
objectCenterLeft({Key? key, double? heightFactor, double? widthFactor}) → Align

Available on Widget, provided by the VxObjectExtensions extension

Can be used to align a widget to centerleft.
objectCenterRight({Key? key, double? heightFactor, double? widthFactor}) → Align

Available on Widget, provided by the VxObjectExtensions extension

Can be used to align a widget to centerright.
objectContain({Key? key}) → Widget

Available on Widget, provided by the VxObjectExtensions extension

Can be used to wrap as a contain fit of the FittedBox.
objectCover({Key? key}) → Widget

Available on Widget, provided by the VxObjectExtensions extension

Can be used to wrap as cover fit of the FittedBox.
objectFill({Key? key}) → Widget

Available on Widget, provided by the VxObjectExtensions extension

Can be used to wrap as a fill fit of the FittedBox.
objectLERP(Alignment a, Alignment b, double t, {Key? key, double? heightFactor, double? widthFactor}) → Align

Available on Widget, provided by the VxObjectExtensions extension

Can be used to align a widget to specified alignment.
objectNone({Key? key}) → Widget

Available on Widget, provided by the VxObjectExtensions extension

Can be used to wrap as a none fit of the FittedBox.
objectScaleDown({Key? key}) → Widget

Available on Widget, provided by the VxObjectExtensions extension

Can be used to wrap as a scaledown fit of the FittedBox.
objectTopCenter({Key? key, double? heightFactor, double? widthFactor}) → Align

Available on Widget, provided by the VxObjectExtensions extension

Can be used to align a widget to topcenter.
objectTopLeft({Key? key, double? heightFactor, double? widthFactor}) → Align

Available on Widget, provided by the VxObjectExtensions extension

Can be used to align a widget to topleft.
objectTopRight({Key? key, double? heightFactor, double? widthFactor}) → Align

Available on Widget, provided by the VxObjectExtensions extension

Can be used to align a widget to topright.
objectXY(double x, double y, {Key? key, double? heightFactor, double? widthFactor}) → Align

Available on Widget, provided by the VxObjectExtensions extension

Can be used to align a widget to specified x & y.
offset({Key? key, required Offset offset, bool transformHitTests = true}) → Widget

Available on Widget, provided by the VxTransformExtension extension

Extension method to set an offset of any widget
onDoubleTap(VoidCallback? onDoubleTap, {Key? key, HitTestBehavior hitTestBehavior = HitTestBehavior.deferToChild}) → Widget

Available on Widget, provided by the VxGestureExtensions extension

onFeedBackTap(VoidCallback? onTap, {Key? key, HitTestBehavior hitTestBehavior = HitTestBehavior.deferToChild, bool touchFeedBack = false}) → Widget

Available on Widget, provided by the VxGestureExtensions extension

it is very much like onTap extension but when you put your finger on it, its color will change, and you can decide that whether it will have a touchFeedBack (vibration on your phone)
onInkDoubleTap(VoidCallback? onDoubleTap, {Key? key}) → InkWell

Available on Widget, provided by the VxGestureExtensions extension

onInkLongPress(VoidCallback? onLongPress, {Key? key}) → InkWell

Available on Widget, provided by the VxGestureExtensions extension

onInkTap(VoidCallback? onTap, {Key? key}) → InkWell

Available on Widget, provided by the VxGestureExtensions extension

onLongPress(VoidCallback? onLongPress, Key? key, {HitTestBehavior hitTestBehavior = HitTestBehavior.deferToChild}) → Widget

Available on Widget, provided by the VxGestureExtensions extension

onMouseEnter(PointerEnterEventListener? onEnter, {Key? key}) → MouseRegion

Available on Widget, provided by the VxGestureExtensions extension

Mouse Region Enter
onMouseEnterExit({Key? key, PointerEnterEventListener? onEnter, PointerExitEventListener? onExit}) → MouseRegion

Available on Widget, provided by the VxGestureExtensions extension

Mouse Region Enter & Exit
onMouseExit(PointerExitEventListener? onExit, {Key? key}) → MouseRegion

Available on Widget, provided by the VxGestureExtensions extension

Mouse Region Exit
onMouseHover(PointerHoverEventListener? onHover, {Key? key}) → MouseRegion

Available on Widget, provided by the VxGestureExtensions extension

Mouse Region Hover
onTap(VoidCallback? onTap, {Key? key, HitTestBehavior hitTestBehavior = HitTestBehavior.deferToChild}) → Widget

Available on Widget, provided by the VxGestureExtensions extension

opacity({Key? key, required double value}) → Widget

Available on Widget, provided by the VxOpacityExtension extension

Provide a custom opacity to any widget by using value
opacity0({Key? key}) → Widget

Available on Widget, provided by the VxOpacityExtension extension

Provides 0% opacity which means fully invisible
opacity100({Key? key}) → Widget

Available on Widget, provided by the VxOpacityExtension extension

Provides 100% opacity which means fully visible
opacity25({Key? key}) → Widget

Available on Widget, provided by the VxOpacityExtension extension

Provides 25% opacity which means partially visible
opacity50({Key? key}) → Widget

Available on Widget, provided by the VxOpacityExtension extension

Provides 50% opacity which means half visible
opacity75({Key? key}) → Widget

Available on Widget, provided by the VxOpacityExtension extension

Provides 75% opacity which means partially invisible
p(double value, {Key? key}) → Padding

Available on Widget, provided by the VxPaddingExtensions extension

Gives custom padding from all sides by value.
p0({Key? key}) → Padding

Available on Widget, provided by the VxPaddingExtensions extension

Gives 0 padding from all sides.
p1({Key? key}) → Padding

Available on Widget, provided by the VxPaddingExtensions extension

Gives 1dp padding from all sides.
p12({Key? key}) → Padding

Available on Widget, provided by the VxPaddingExtensions extension

Gives 12dp padding from all sides.
p16({Key? key}) → Padding

Available on Widget, provided by the VxPaddingExtensions extension

Gives 16dp padding from all sides.
p2({Key? key}) → Padding

Available on Widget, provided by the VxPaddingExtensions extension

Gives 2dp padding from all sides.
p20({Key? key}) → Padding

Available on Widget, provided by the VxPaddingExtensions extension

Gives 20dp padding from all sides.
p24({Key? key}) → Padding

Available on Widget, provided by the VxPaddingExtensions extension

Gives 24dp padding from all sides.
p32({Key? key}) → Padding

Available on Widget, provided by the VxPaddingExtensions extension

Gives 32dp padding from all sides.
p4({Key? key}) → Padding

Available on Widget, provided by the VxPaddingExtensions extension

Gives 4dp padding from all sides.
p64({Key? key}) → Padding

Available on Widget, provided by the VxPaddingExtensions extension

Gives 64dp padding from all sides.
p8({Key? key}) → Padding

Available on Widget, provided by the VxPaddingExtensions extension

Gives 8dp padding from all sides.
perspective({Key? key}) → Widget

Available on Widget, provided by the VxTransformExtension extension

Extension method to give 3D look to any widget without wrapping or with dot operator.
pLTRB(double left, double top, double right, double bottom, {Key? key}) → Padding

Available on Widget, provided by the VxPaddingExtensions extension

Gives custom padding from all sides by left top right bottom.
pOnly({Key? key, double left = 0.0, double right = 0.0, double top = 0.0, double bottom = 0.0}) → Padding

Available on Widget, provided by the VxPaddingExtensions extension

Gives custom padding by only left top right bottom.
popupMenu(MenuBuilderCallback menuBuilder, {Key? key, VxPopupMenuController? controller, Color arrowColor = const Color(0xFF4C4C4C), double arrowSize = 10.0, Color barrierColor = Colors.black12, double horizontalMargin = 10.0, double verticalMargin = 10.0, bool showArrow = true, VxClickType clickType = VxClickType.singleClick}) → Widget

Available on Widget, provided by the VxWidgetsExtension extension

Popup Menu Extensions
positioned({double? top, double? bottom, double? left, double? right, double? height, double? width, bool isFilled = false}) → Widget

Available on Widget, provided by the VxWidgetsExtension extension

Extension for Stack Positioned
preferredSize(Size size) → PreferredSize

Available on Widget, provided by the VxWidgetsExtension extension

Maybe often use this when you want to make your own AppBar or NavigationBar with your custom UI
pSymmetric({Key? key, double v = 0.0, double h = 0.0}) → Padding

Available on Widget, provided by the VxPaddingExtensions extension

Gives custom padding symmetrically by v h.
px(double value, {Key? key}) → Padding

Available on Widget, provided by the VxPaddingExtensions extension

Gives custom padding horizontally.
px0({Key? key}) → Padding

Available on Widget, provided by the VxPaddingExtensions extension

Gives 0 padding horizontally.
px1({Key? key}) → Padding

Available on Widget, provided by the VxPaddingExtensions extension

Gives 1dp padding horizontally.
px12({Key? key}) → Padding

Available on Widget, provided by the VxPaddingExtensions extension

Gives 12dp padding horizontally.
px16({Key? key}) → Padding

Available on Widget, provided by the VxPaddingExtensions extension

Gives 16dp padding horizontally.
px2({Key? key}) → Padding

Available on Widget, provided by the VxPaddingExtensions extension

Gives 2dp padding horizontally.
px20({Key? key}) → Padding

Available on Widget, provided by the VxPaddingExtensions extension

Gives 20dp padding horizontally.
px24({Key? key}) → Padding

Available on Widget, provided by the VxPaddingExtensions extension

Gives 24dp padding horizontally.
px32({Key? key}) → Padding

Available on Widget, provided by the VxPaddingExtensions extension

Gives 32dp padding horizontally.
px4({Key? key}) → Padding

Available on Widget, provided by the VxPaddingExtensions extension

Gives 4dp padding horizontally.
px64({Key? key}) → Padding

Available on Widget, provided by the VxPaddingExtensions extension

Gives 64dp padding horizontally.
px8({Key? key}) → Padding

Available on Widget, provided by the VxPaddingExtensions extension

Gives 8dp padding horizontally.
py(double value, {Key? key}) → Padding

Available on Widget, provided by the VxPaddingExtensions extension

Gives custom padding vertically.
py0({Key? key}) → Padding

Available on Widget, provided by the VxPaddingExtensions extension

Gives 0 padding vertically.
py1({Key? key}) → Padding

Available on Widget, provided by the VxPaddingExtensions extension

Gives 1dp padding vertically.
py12({Key? key}) → Padding

Available on Widget, provided by the VxPaddingExtensions extension

Gives 12dp padding vertically.
py16({Key? key}) → Padding

Available on Widget, provided by the VxPaddingExtensions extension

Gives 16dp padding vertically.
py2({Key? key}) → Padding

Available on Widget, provided by the VxPaddingExtensions extension

Gives 2dp padding vertically.
py20({Key? key}) → Padding

Available on Widget, provided by the VxPaddingExtensions extension

Gives 20dp padding vertically.
py24({Key? key}) → Padding

Available on Widget, provided by the VxPaddingExtensions extension

Gives 24dp padding vertically.
py32({Key? key}) → Padding

Available on Widget, provided by the VxPaddingExtensions extension

Gives 32dp padding vertically.
py4({Key? key}) → Padding

Available on Widget, provided by the VxPaddingExtensions extension

Gives 4dp padding vertically.
py64({Key? key}) → Padding

Available on Widget, provided by the VxPaddingExtensions extension

Gives 64dp padding vertically.
py8({Key? key}) → Padding

Available on Widget, provided by the VxPaddingExtensions extension

Gives 8dp padding vertically.
randomBox({double? width, double? height, bool changeOnRedraw = true}) → VxRandomBox

Available on Widget, provided by the VxRandomContainerWidgetExtension extension

rotate(double degrees, {Key? key, Alignment alignment = Alignment.center, Offset? origin}) → Widget

Available on Widget, provided by the VxTransformExtension extension

Extension method to rotate any widget by specified degrees without wrapping or with dot operator.
rotate0({Key? key}) → Widget

Available on Widget, provided by the VxTransformExtension extension

Extension method to rotate any widget by 0 degrees without wrapping or with dot operator.
rotate180({Key? key}) → Widget

Available on Widget, provided by the VxTransformExtension extension

Extension method to rotate any widget by 180 degrees without wrapping or with dot operator.
rotate45({Key? key}) → Widget

Available on Widget, provided by the VxTransformExtension extension

Extension method to rotate any widget by 45 degrees without wrapping or with dot operator.
rotate60({Key? key}) → Widget

Available on Widget, provided by the VxTransformExtension extension

Extension method to rotate any widget by 60 degrees without wrapping or with dot operator.
rotate90({Key? key}) → Widget

Available on Widget, provided by the VxTransformExtension extension

Extension method to rotate any widget by 90 degrees without wrapping or with dot operator.
rotateN180({Key? key}) → Widget

Available on Widget, provided by the VxTransformExtension extension

Extension method to rotate any widget by 180 degrees anti-clockwise without wrapping or with dot operator.
rotateN45({Key? key}) → Widget

Available on Widget, provided by the VxTransformExtension extension

Extension method to rotate any widget by 45 degrees anti-clockwise without wrapping or with dot operator.
rotateN60({Key? key}) → Widget

Available on Widget, provided by the VxTransformExtension extension

Extension method to rotate any widget by 60 degrees anti-clockwise without wrapping or with dot operator.
rotateN90({Key? key}) → Widget

Available on Widget, provided by the VxTransformExtension extension

Extension method to rotate any widget by 90 degrees anti-clockwise without wrapping or with dot operator.
safeArea({Key? key, EdgeInsets minimum = EdgeInsets.zero, bool maintainBottomViewPadding = false, bool top = true, bool bottom = true, bool left = true, bool right = true}) → Widget

Available on Widget, provided by the VxWidgetsExtension extension

Extension method for SafeArea Widget
scale({Key? key, double? scaleValue, Offset? origin, Alignment alignment = Alignment.center}) → Widget

Available on Widget, provided by the VxTransformExtension extension

Extension method to scale any widget by specified scalevalue without wrapping or with dot operator.
scale0({Key? key}) → Widget

Available on Widget, provided by the VxTransformExtension extension

Extension method to rotate any widget by 0 without wrapping or with dot operator.
scale100({Key? key}) → Widget

Available on Widget, provided by the VxTransformExtension extension

Extension method to rotate any widget by 1.0 without wrapping or with dot operator.
scale105({Key? key}) → Widget

Available on Widget, provided by the VxTransformExtension extension

Extension method to rotate any widget by 1.05 without wrapping or with dot operator.
scale110({Key? key}) → Widget

Available on Widget, provided by the VxTransformExtension extension

Extension method to rotate any widget by 1.1 without wrapping or with dot operator.
scale150({Key? key}) → Widget

Available on Widget, provided by the VxTransformExtension extension

Extension method to rotate any widget by 1.5 without wrapping or with dot operator.
scale200({Key? key}) → Widget

Available on Widget, provided by the VxTransformExtension extension

Extension method to rotate any widget by 2 without wrapping or with dot operator.
scale50({Key? key}) → Widget

Available on Widget, provided by the VxTransformExtension extension

Extension method to rotate any widget by 0.5 without wrapping or with dot operator.
scale75({Key? key}) → Widget

Available on Widget, provided by the VxTransformExtension extension

Extension method to rotate any widget by 0.75 without wrapping or with dot operator.
scale90({Key? key}) → Widget

Available on Widget, provided by the VxTransformExtension extension

Extension method to rotate any widget by 0.9 without wrapping or with dot operator.
scale95({Key? key}) → Widget

Available on Widget, provided by the VxTransformExtension extension

Extension method to rotate any widget by 0.95 without wrapping or with dot operator.
scrollHorizontal({Key? key, ScrollController? controller, ScrollPhysics? physics, EdgeInsetsGeometry? padding}) → Widget

Available on Widget, provided by the ScrollExtension extension

Extension method to directly access SingleChildScrollView horizontally with any widget without wrapping or with dot operator.
scrollVertical({Key? key, ScrollController? controller, ScrollPhysics? physics, EdgeInsetsGeometry? padding}) → Widget

Available on Widget, provided by the ScrollExtension extension

Extension method to directly access SingleChildScrollView vertically with any widget without wrapping or with dot operator.
shaderMask({required Gradient gradient, Key? key, BlendMode blendMode = BlendMode.modulate}) → Widget

Available on Widget, provided by the VxWidgetsExtension extension

Extension method for ShaderMask Widget
shift(double shift, {Key? key, required Alignment alignment}) → Widget

Available on Widget, provided by the VxShiftWidgetExt extension

shimmer({Key? key, Gradient? gradient, Duration duration = const Duration(seconds: 1), int count = 10000, bool showAnimation = true, bool showGradient = false, Color primaryColor = Colors.grey, Color? secondaryColor}) → Widget

Available on Widget, provided by the VxShimmerExtension extension

Extension method to directly access VxShimmer with any widget without wrapping or with dot operator.
skeleton({Key? key, BoxShape? shape, EdgeInsetsGeometry? padding, Color? color, Color? shimmerColor, Gradient? gradient, double? width, double? height, EdgeInsetsGeometry? margin, BorderRadiusGeometry? borderRadius, Duration? duration, bool active = true, VxSkeletonAnimationType type = VxSkeletonAnimationType.shimmer, double? stretchWidth}) → Widget

Available on Widget, provided by the VxSkeletonExtension extension

Extension method to directly access VxSkeleton with any widget without wrapping or with dot operator.
sliverToBoxAdapter({Key? key}) → SliverToBoxAdapter

Available on Widget, provided by the VxWidgetsExtension extension

stroke(double width, Color color, {bool isCircle = false}) → DecoratedBox

Available on Widget, provided by the VxWidgetsExtension extension

Extension for giving a stroke with DecoratedBox
ticket({Key? key, Widget? child, Color? backgroundColor, double? width, double? height, bool? isHardEdged, bool? isTwoSided}) → VxTicket

Available on Widget, provided by the VxShapesExtension extension

Extension method to directly access VxTicket with any widget without wrapping or with dot operator.
toDiagnosticsNode({String? name, DiagnosticsTreeStyle? style}) → DiagnosticsNode
Returns a debug representation of the object that is used by debugging tools and by DiagnosticsNode.toStringDeep.
inherited
toggleRotate({Key? key, GestureTapCallback? onTap, double rad = math.pi / 2, bool clockwise = true, Duration duration = const Duration(milliseconds: 200), Curve curve = Curves.fastOutSlowIn, VxToggleBuilder? toggleBuilder, bool isRotate = false}) → Widget

Available on Widget, provided by the VxToggleExtension extension

tooltip(String message, {Key? key, Decoration? decoration, double? height, bool? preferBelow, EdgeInsetsGeometry? padding, TextStyle? textStyle, Duration? waitDuration, EdgeInsetsGeometry? margin}) → Widget

Available on Widget, provided by the VxWidgetsExtension extension

Tooltip as accessibility
toSliverBox({Key? key}) → Widget

Available on Widget, provided by the VxWidgetsExtension extension

Extension method for SliverToBoxAdapter Widget
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
triangle({Key? key, Widget? child, Color? backgroundColor, double? width, double? height, double? strokeWidth}) → VxTriangle

Available on Widget, provided by the VxShapesExtension extension

Extension method to directly access VxTriangle with any widget without wrapping or with dot operator.
vxPreviewRoute({required BuildContext parentContext}) → Route

Available on Widget, provided by the VxRoutesWidgetsExtension extension

Best for showing zoomed/version of widgets like images Example: Navigator.push(context, YourPage().vxRoute());
w(double width, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

All available widths
w0(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 0% width of the MediaQuery width
w1(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 1% width of the MediaQuery width
w10(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 10% width of the MediaQuery width
w15(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 15% width of the MediaQuery width
w16(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 16% width of the MediaQuery width
w2(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 2% width of the MediaQuery width
w20(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 20% width of the MediaQuery width
w24(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 24% width of the MediaQuery width
w32(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 32% width of the MediaQuery width
w4(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 4% width of the MediaQuery width
w40(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 40% width of the MediaQuery width
w48(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 48% width of the MediaQuery width
w56(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 56% width of the MediaQuery width
w60(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 60% width of the MediaQuery width
w64(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 64% width of the MediaQuery width
w8(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 8% width of the MediaQuery width
wFourFifth(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with four-fifth or 80% width of the MediaQuery width
wFull(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with full width of the MediaQuery width
wh(double width, double height) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

All Size Width - Height
wh0(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 0% width & height of the MediaQuery width & height
wh1(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 1% width & height of the MediaQuery width & height
wh10(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 10% width & height of the MediaQuery width & height
wh15(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 15% width & height of the MediaQuery width & height
wh16(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 16% width & height of the MediaQuery width & height
wh2(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 2% width & height of the MediaQuery width & height
wh20(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 20% width & height of the MediaQuery width & height
wh24(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 24% width & height of the MediaQuery width & height
wh32(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 32% width & height of the MediaQuery width & height
wh4(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 4% width & height of the MediaQuery width & height
wh40(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 40% width & height of the MediaQuery width & height
wh48(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 48% width & height of the MediaQuery width & height
wh56(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 56% width & height of the MediaQuery width & height
wh60(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 60% width & height of the MediaQuery width & height
wh64(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 64% width & height of the MediaQuery width & height
wh8(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with 8% width & height of the MediaQuery width & height
wHalf(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with half or 50% width of the MediaQuery width
when(bool condition) → Widget

Available on Widget, provided by the VxWidgetsExtension extension

Uses when clause to render the widget only when the condition is true.
whFourFifth(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with four-fifth or 80% width & height of the MediaQuery width & height
whFull(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with full width & height of the MediaQuery width & height
whHalf(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with half or 50% width & height of the MediaQuery width & height
whOneForth(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with one-forth or 25% width & height of the MediaQuery width & height
whOneThird(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with one-third or 33.33% width & height of the MediaQuery width & height
whPCT({required BuildContext context, required double widthPCT, required double heightPCT}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with a specified width & height percentage
whThreeForth(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with three-forth or 75% width & height of the MediaQuery width & height
whTwoThird(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with two-third or 66.67% width & height of the MediaQuery width & height
wOneForth(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with one-forth or 25% width of the MediaQuery width
wOneThird(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with one-third or 33.33% width of the MediaQuery width
wPCT({required BuildContext context, required double widthPCT}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with a specified width percentage
wThreeForth(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with three-forth or 75% width of the MediaQuery width
wTwoThird(BuildContext context, {Key? key}) → Widget

Available on Widget, provided by the VxSizedBoxExtension extension

SizedBox widget with two-third or 66.67% width of the MediaQuery width
zoom({Key? key, double? minScale, double? maxScale, bool twoTouchOnly = false, Duration animationDuration = const Duration(milliseconds: 200), Curve animationCurve = Curves.easeOut, Color? modalBarrierColor}) → Widget

Available on Widget, provided by the VxZoomExtensions extension

Operators

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