VxAppBar class

The VxAppBar displays the toolbar widgets, leading, title, and actions, above the bottom (if any). The bottom is usually used for a TabBar.

Inheritance
Implemented types
Available extensions

Constructors

VxAppBar({Key? key, Widget? leading, bool automaticallyImplyLeading = true, Widget? title, List<Widget>? actions, Widget? flexibleSpace, PreferredSizeWidget? bottom, double? elevation, ShapeBorder? shape, Color? backgroundColor, Brightness? brightness, IconThemeData? iconTheme, IconThemeData? actionsIconTheme, TextTheme? textTheme, bool primary = true, bool? centerTitle, double titleSpacing = NavigationToolbar.kMiddleSpacing, double toolbarOpacity = 1.0, double bottomOpacity = 1.0, bool searchBar = false, String searchHintText = 'Search here...', TextStyle searchHintStyle = const TextStyle(color: Colors.white, fontSize: 14), TextStyle searchTextStyle = const TextStyle(color: Colors.white), Color searchBarColorTheme = Colors.white, TextEditingController? searchController, GestureTapCallback? onTap, ValueChanged<String>? onChanged, ValueChanged<String>? onSubmitted})
Creates a material design app bar.

Properties

actions → List<Widget>?
Widgets to display after the title widget.
final
actionsIconTheme → IconThemeData?
The color, opacity, and size to use for the icons that appear in the app bar's actions. This should only be used when the actions should be themed differently than the icon that appears in the app bar's leading widget.
final
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
automaticallyImplyLeading → bool
Controls whether we should try to imply the leading widget if null.
final
backgroundColor → Color?
The color to use for the app bar's material. Typically this should be set along with brightness, iconTheme, textTheme.
final
bottom → PreferredSizeWidget?
This widget appears across the bottom of the app bar.
final
bottomOpacity → double
How opaque the bottom part of the app bar is.
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
brightness → Brightness?
The brightness of the app bar's material. Typically this is set along with backgroundColor, iconTheme, textTheme.
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
centerTitle → bool?
Whether the title should be centered.
final
elevation → double?
The z-coordinate at which to place this app bar relative to its parent.
final
flexibleSpace → Widget?
This widget is stacked behind the toolbar and the tab bar. It's height will be the same as the app bar's overall height.
final
hashCode → int
The hash code for this object.
no setterinherited
iconTheme → IconThemeData?
The color, opacity, and size to use for app bar icons. Typically this is set along with backgroundColor, brightness, textTheme.
final
key → Key?
Controls how one widget replaces another widget in the tree.
finalinherited
leading → Widget?
A widget to display before the title.
final
onChanged → ValueChanged<String>?
Called when the user initiates a change to the TextField's value: when they have inserted or deleted text.
final
onSubmitted → ValueChanged<String>?
Called when the user indicates that they are done editing the text in the field.
final
onTap → GestureTapCallback?
Called for the first tap in a series of taps.
final
pad → _VxPaddingBuilder

Available on Widget, provided by the VxPaddingExtensions extension

no setter
preferredSize → Size
A size whose height is the sum of kToolbarHeight and the bottom widget's preferred height.
final
primary → bool
Whether this app bar is being displayed at the top of the screen.
final
runtimeType → Type
A representation of the runtime type of the object.
no setterinherited
If true, displays a search bar
final
searchBarColorTheme → Color
It defines the search bar icons color
final
searchController → TextEditingController?
Controls the text being edited.
final
searchHintStyle → TextStyle
It styles the searchHintText
final
searchHintText → String
It takes text to displays the search bar hint text
final
searchTextStyle → TextStyle
It styles the search text
final
shape → ShapeBorder?
The material's shape as well its shadow.
final
textTheme → TextTheme?
The typographic styles to use for text in the app bar. Typically this is set along with brightness backgroundColor, iconTheme.
final
title → Widget?
The primary widget displayed in the app bar.
final
titleSpacing → double
The spacing around title content on the horizontal axis. This spacing is applied even if there is no leading content or actions. If you want title to take all the space available, set this value to 0.0.
final
toolbarOpacity → double
How opaque the toolbar part of the app bar is.
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

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() → _VxAppBarState
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
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.
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
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