Flutter AppBar、BottomNavigationBar及状态栏的高度；屏幕宽高

最新推荐文章于 2024-08-31 19:16:19 发布

原创

最新推荐文章于 2024-08-31 19:16:19 发布 · 9.4k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#flutter #android #android studio

本文介绍了如何在Flutter中调整AppBar和BottomNavigationBar的高度，遵循Material设计规范，同时讨论了状态栏高度的获取方法。还展示了如何动态设置AppBar的高度，以适应不同屏幕尺寸。

1.AppBar、BottomNavigationBar 高度
flutter插件包位置:/flutter/src/material/constans.dart 中代码

///  * [kMinInteractiveDimensionCupertino]
///  * The Material spec on touch targets at <https://material.io/design/usability/accessibility.html#layout-typography>.
const double kMinInteractiveDimension = 48.0;
 
/// The height of the toolbar component of the [AppBar].
const double kToolbarHeight = 56.0;
 
/// The height of the bottom navigation bar.