如何通过计算屏幕高度与kBottomNavigationBarHeight实现响应式按钮边距？

你之前的代码逻辑搞反了，Get.height / kBottomNavigationBarHeight算出来是屏幕高度和导航栏高度的比值（比如你这里844/87≈9.7），这显然不是合理的边距数值。下面给你几个靠谱的实现思路：

• 基于导航栏高度的比例适配
  这是最贴合视觉一致性的方案，比如设计稿里边距是导航栏高度的1/3，直接用导航栏高度乘以比例：

  EdgeInsets.only(top: kBottomNavigationBarHeight * 1/3)
  

  你的设备里导航栏高87，算出来就是29，刚好和导航栏保持固定比例，换其他导航栏高度不同的设备时，边距也会按比例缩放，视觉效果统一。

• 结合可用屏幕高度的比例适配
  如果想让边距和屏幕剩余高度（去掉导航栏后的部分）挂钩，比如占剩余高度的5%：

  final availableHeight = Get.height - kBottomNavigationBarHeight;
  EdgeInsets.only(top: availableHeight * 0.05)
  

  这种方式会让边距随屏幕整体尺寸变化，适合需要和页面其他元素联动的场景。

• 原生MediaQuery适配（替代GetX）
  如果你不想依赖GetX，用Flutter原生的MediaQuery更稳妥，还能顺便处理底部安全区域（比如全面屏的底部黑边）：

  final mediaQuery = MediaQuery.of(context);
  final bottomNavHeight = kBottomNavigationBarHeight;
  // 边距=导航栏比例值+底部安全区域高度
  final topMargin = bottomNavHeight * 0.25 + mediaQuery.padding.bottom;
  EdgeInsets.only(top: topMargin)
  

优先推荐第一种方案，因为它直接和底部导航栏的高度绑定，能最大程度还原设计稿的视觉比例，不会因为屏幕尺寸差异导致布局失调。

内容的提问来源于stack exchange，提问作者CCP