ContextExt extension

on

Properties

devicePixelRatio double
similar to MediaQuery.devicePixelRatioOf(context)
no setter
height double
The same of MediaQuery.of(context).size.height Note: updates when you resize your screen (like on a browser or desktop window)
no setter
iconColor Color?
give access to Theme.of(context).iconTheme.color
no setter
isDarkMode bool
Check if dark mode theme is enable
no setter
isDesktop bool
same as isDesktopOrLess
no setter
isDesktopOrLess bool
True if the width is smaller than 1200p
no setter
isDesktopOrWider bool
True if the width is higher than 1200p
no setter
isLandscape bool
check if device is on landscape mode
no setter
isLargeTablet bool
True if the shortestSide is largest than 720p
no setter
isLargeTabletOrLess bool
True if the width is smaller than 720p
no setter
isLargeTabletOrWider bool
True if the width is higher than 720p
no setter
isPhone bool
True if the shortestSide is smaller than 600p
no setter
isPhoneOrLess bool
True if the width is smaller than 600p
no setter
isPhoneOrWider bool
True if the width is higher than 600p
no setter
isPortrait bool
check if device is on portrait mode
no setter
isSmallTablet bool
True if the shortestSide is largest than 600p
no setter
isSmallTabletOrLess bool
True if the width is smaller than 600p
no setter
isSmallTabletOrWider bool
True if the width is higher than 600p
no setter
isTablet bool
True if the current device is Tablet
no setter
mediaQuery MediaQueryData
similar to MediaQuery.of(context).padding
no setter
mediaQueryPadding EdgeInsets
similar to MediaQuery.paddingOf(context)
no setter
mediaQueryShortestSide double
get the shortestSide from screen
no setter
mediaQuerySize Size
The same of MediaQuery.sizeOf(context)
no setter
mediaQueryViewInsets EdgeInsets
similar to MediaQuery.viewInsetsOf(context)
no setter
mediaQueryViewPadding EdgeInsets
similar to MediaQuery.viewPaddingOf(context)
no setter
orientation Orientation
similar to MediaQuery.orientationOf(context)
no setter
showNavbar bool
True if width be larger than 800
no setter
textScaleFactor TextScaler
similar to MediaQuery.textScaleFactorOf(context)
no setter
textTheme TextTheme
similar to MediaQuery.of(context).padding
no setter
theme ThemeData
similar to MediaQuery.of(context).padding
no setter
width double
The same of MediaQuery.of(context).size.width Note: updates when you resize your screen (like on a browser or desktop window)
no setter

Methods

heightTransformer({double dividedBy = 1, double reducedBy = 0.0}) double
Gives you the power to get a portion of the height. Useful for responsive applications.
ratio({double dividedBy = 1, double reducedByW = 0.0, double reducedByH = 0.0}) double
Divide the height proportionally by the given value
responsiveValue<T>({T? watch, T? mobile, T? tablet, T? desktop}) → T
Returns a specific value according to the screen size if the device width is higher than or equal to 1200 return desktop value. if the device width is higher than or equal to 600 and less than 1200 return tablet value. if the device width is less than 300 return watch value. in other cases return mobile value.
widthTransformer({double dividedBy = 1, double reducedBy = 0.0}) double
Gives you the power to get a portion of the width. Useful for responsive applications.