diff --git a/README.md b/README.md index 10b6a93..d7de113 100644 --- a/README.md +++ b/README.md @@ -12,6 +12,10 @@ bellow you can see the currently available extensions in the latest version. #### From the `MediaQuery`. Access properties right in the `context` instance. Available extensions: * `context.mediaQuerySize` +* `context.widthPx` +* `context.heightPx` +* `context.widthPct` +* `context.heightPct` * `context.orientation` * `context.mediaQueryPadding` * `context.alwaysUse24HourFormat` diff --git a/lib/src/build_context_impl.dart b/lib/src/build_context_impl.dart index bb2543f..4d195a8 100644 --- a/lib/src/build_context_impl.dart +++ b/lib/src/build_context_impl.dart @@ -3,6 +3,14 @@ import 'package:flutter/material.dart'; extension MediaQueryExt on BuildContext { Size get mediaQuerySize => MediaQuery.of(this).size; + double get widthPx => mediaQuerySize.width; + + double get heightPx => mediaQuerySize.height; + + double widthPct(int percentage) => (percentage * widthPx)/ 100; + + double heightPct(int percentage) => (percentage * heightPx)/ 100; + EdgeInsets get mediaQueryPadding => MediaQuery.of(this).padding; EdgeInsets get mediaQueryViewPadding => MediaQuery.of(this).viewPadding;