From 102889f02f53fa71ccff186fe21131d656491bd0 Mon Sep 17 00:00:00 2001 From: Akshay Bhange Date: Sat, 25 Jul 2020 21:18:34 +0530 Subject: [PATCH 1/2] added Height, Width, heightPercentage & WidthPercentage in MediaQueryExt --- README.md | 4 ++++ lib/src/build_context_impl.dart | 8 ++++++++ 2 files changed, 12 insertions(+) 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..5e7c610 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(double percentage) => (percentage * heightPx)/ 100; + EdgeInsets get mediaQueryPadding => MediaQuery.of(this).padding; EdgeInsets get mediaQueryViewPadding => MediaQuery.of(this).viewPadding; From 404e8e5e3951a289f98c2f06c27bc9763862e21e Mon Sep 17 00:00:00 2001 From: Akshay Bhange <39375914+akshaybhange@users.noreply.github.com> Date: Sat, 25 Jul 2020 21:23:14 +0530 Subject: [PATCH 2/2] Update build_context_impl.dart --- lib/src/build_context_impl.dart | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/lib/src/build_context_impl.dart b/lib/src/build_context_impl.dart index 5e7c610..4d195a8 100644 --- a/lib/src/build_context_impl.dart +++ b/lib/src/build_context_impl.dart @@ -9,7 +9,7 @@ extension MediaQueryExt on BuildContext { double widthPct(int percentage) => (percentage * widthPx)/ 100; - double heightPct(double percentage) => (percentage * heightPx)/ 100; + double heightPct(int percentage) => (percentage * heightPx)/ 100; EdgeInsets get mediaQueryPadding => MediaQuery.of(this).padding;