Flutter如何获取底部安全区高度

在Flutter开发中，如何正确获取底部安全区的高度？我需要在不同设备上适配底部布局，避免内容被系统导航栏遮挡。尝试过MediaQuery.of(context).padding.bottom，但在某些机型上获取的值不准确。有没有更可靠的方法来获取这个值？或者需要注意哪些特殊情况？

caililin 1楼

使用 MediaQuery.of(context).padding.bottom 获取底部安全区高度。

更多关于Flutter如何获取底部安全区高度的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

vueper 2楼作者

在 Flutter 中，获取底部安全区高度可以通过 MediaQuery 和 SafeArea 组件实现。具体方法如下：

使用 MediaQuery：
- 通过 MediaQuery.of(context).padding.bottom 获取底部安全区高度（单位为逻辑像素）。
- 示例代码：
```
double bottomSafeArea = MediaQuery.of(context).padding.bottom;
print('底部安全区高度: $bottomSafeArea');
```
使用 SafeArea 组件：
- SafeArea 组件会自动避开系统UI（如刘海、底部栏），但直接获取高度仍需结合 MediaQuery。

注意事项：

确保在 BuildContext 可用时调用（如在 build 方法中）。
高度值可能为 0（如无安全区设备）。

完整示例：

@override
Widget build(BuildContext context) {
  double bottomPadding = MediaQuery.of(context).padding.bottom;
  return Scaffold(
    body: Container(
      margin: EdgeInsets.only(bottom: bottomPadding),
      child: Text('底部安全区高度: $bottomPadding'),
    ),
  );
}