perf: optimize media query usage to avoid redundant rebuilds (#398)

dtscalac · web-flow · commit 0f4afb3c2966 · 2024-04-09T13:17:09.000Z
diff --git a/catalyst_voices/packages/catalyst_voices_shared/lib/src/responsive/responsive_builder.dart b/catalyst_voices/packages/catalyst_voices_shared/lib/src/responsive/responsive_builder.dart
@@ -70,7 +70,7 @@ class ResponsiveBuilder<T extends Object> extends StatelessWidget {
   }
 
   T _getResponsiveBreakpoint(BuildContext context) {
-    final screenWidth = MediaQuery.of(context).size.width;
+    final screenWidth = MediaQuery.sizeOf(context).width;
 
     final breakpointKey = _breakpoints.entries
       .firstWhere(

Original file line number	Diff line number	Diff line change
`@@ -70,7 +70,7 @@ class ResponsiveBuilder<T extends Object> extends StatelessWidget {`
`70`	`70`	`}`
`71`	`71`
`72`	`72`	`T _getResponsiveBreakpoint(BuildContext context) {`
`73`		`- final screenWidth = MediaQuery.of(context).size.width;`
	`73`	`+ final screenWidth = MediaQuery.sizeOf(context).width;`
`74`	`74`
`75`	`75`	`final breakpointKey = _breakpoints.entries`
`76`	`76`	`.firstWhere(`