乐闻世界logo
搜索文章和话题

How to get status bar height in Flutter?

2 个月前提问
2 个月前修改
浏览次数48

1个答案

1

在Flutter中获取状态栏高度的通用方法是通过使用 MediaQuery类。MediaQuery 提供了许多有关媒体查询数据的信息,包括设备屏幕尺寸、方向,以及系统界面各部分的尺寸,其中就包括状态栏的高度。

以下是一个具体的示例,展示如何在Flutter应用中获取并使用状态栏的高度:

dart
import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { Widget build(BuildContext context) { return MaterialApp( home: HomeScreen(), ); } } class HomeScreen extends StatelessWidget { Widget build(BuildContext context) { // 获取状态栏的高度 double statusBarHeight = MediaQuery.of(context).padding.top; return Scaffold( appBar: AppBar( title: Text("状态栏高度示例"), ), body: Center( child: Text( "状态栏的高度是: $statusBarHeight 像素", style: TextStyle(fontSize: 20), ), ), ); } }

在这个示例中,我们首先导入了必要的Flutter材料包。然后定义了一个基本的Flutter应用和一个简单的首页 HomeScreen。在 HomeScreenbuild方法中,我们使用 MediaQuery.of(context).padding.top来获取到状态栏的高度,并将其显示在屏幕中心。

这种方法的好处是,无论应用运行在何种设备上(不管是iOS还是Android),它都能正确地获取状态栏的高度,并且不需要额外的第三方库。

2024年7月18日 20:12 回复

你的答案