MediaQuery | BestHub

Sohu Tech Products

Aug 14, 2024 · Mobile Development

Understanding Flutter Status Bar Height: Why MediaQuery.padding.top Returns 0

In Flutter, MediaQuery.of(context).padding.top reports the system UI inset rather than the actual status‑bar height, and when a Scaffold (especially with an AppBar) consumes this padding the value becomes zero, so developers must read the raw view padding via WidgetsBinding or MediaQueryData.fromView to reliably obtain the status‑bar height.

AndroidDartFlutter

0 likes · 5 min read

Understanding Flutter Status Bar Height: Why MediaQuery.padding.top Returns 0

政采云技术

Mar 25, 2022 · Mobile Development

Low-Cost Screen Adaptation Solutions in Flutter

This article explores low-cost screen adaptation techniques in Flutter, analyzing physical vs logical pixels, evaluating existing solutions like flutter_screenutil, and proposing two approaches—modifying engine-level ViewConfiguration and customizing WidgetsFlutterBinding—to achieve consistent UI across devices without invasive code changes.

Device Pixel RatioFlutterMediaQuery

0 likes · 12 min read

Low-Cost Screen Adaptation Solutions in Flutter

ByteDance Dali Intelligent Technology Team

Sep 15, 2021 · Mobile Development

Understanding Flutter Keyboard Invocation Process and Solutions to Common Issues

This article explains the Flutter soft‑keyboard invocation flow on Android and iOS, analyzes page‑repaint and animation problems such as stutter on specific devices, and presents practical fixes including performance flags, MediaQuery handling, and native input adjustments.

AndroidFlutterMediaQuery

0 likes · 16 min read

Understanding Flutter Keyboard Invocation Process and Solutions to Common Issues