如何获取Android手机底部导航栏的高度

最新推荐文章于 2025-06-12 17:35:21 发布
最新推荐文章于 2025-06-12 17:35:21 发布
阅读量2.2k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： Android开发 文章标签： Android手机 底部导航栏 高度 NavigationBar
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Tom91/article/details/55006665
本文介绍了一种使用Android资源API来获取设备导航栏高度的方法。通过调用`getIdentifier`和`getDimensionPixelSize`方法，可以准确地获取到当前设备导航栏的高度值。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

int resourceId = getResources().getIdentifier("navigation_bar_height", "dimen", "android");
int navigationHeight = getResources().getDimensionPixelSize(resourceId);


Android 获取状态栏高度、底部导航栏高度、ActionBar高度的方法
afufufufu的博客
04-12 1653
【代码】Android 获取状态栏高度、底部导航栏高度、ActionBar高度的方法。
Android 判断底部虚拟导航栏NavigationBar是否存在，以及获取导航栏高度
king_LFY的博客
04-30 3793
最近公司的项目中，需要判断出当前的虚拟导航栏NavigationBar是否存在，以及获取虚拟导航栏的高度。在网上查找了很多资料，比较靠谱的是以下方法（需要当前界面的视图被绘制完成后调用）： /** * 检测底部虚拟导航栏是否存在 * @return */ public static boolean isNavigationBarExist(){ ViewGroup vp = (Vi...
Android动态获取底部虚拟导航栏高度
weixin_43117800的博客
04-06 1350
【代码】Android动态获取底部虚拟导航栏高度。
Android底部导航栏覆盖问题
最新发布
大道至简，无欲则刚，无为则无所不为。
06-12 619
【摘要】升级compileSdk至36后，发现传统三键导航栏会覆盖底部Tabbar。通过动态获取导航栏高度并调整布局的方案完美解决问题：1）使用getNavigationBarHeight()方法获取手势导航(46px)和按键导航(136px)高度；2）在Tabbar下方添加动态高度的边距View；3）通过setNavigationBarStyle()自动适配导航栏图标颜色。该方案兼容不同导航模式，且保持沉浸式效果，实测在红米设备上运行良好。（149字）
Android 获取屏幕宽高、状态栏高度、底部导航栏高度信息
xiangxiongfly
02-17 1万+
手机屏幕高度 = 状态栏高度 + ActionBar高度 + ContentView高度 + 导航栏高度
Android-----获取系统状态栏和导航栏的高度
qq_73617408的博客
10-18 2165
3、当我们将一个view的x、y坐标赋了event.x和event.y，希望让view跟着我们触摸点移动时，但会发现我们虽然将触摸点赋给了view，view和我们的触摸点会有一段距离，这段距离就是（状态栏/导航栏/状态栏+导航栏）原因：在onCreate()、onStart()、onResume()中，Activity的视图层级还没有完全建立，DecorView还没有渲染出来，所以会导致无法获取高度。------------------前提是有状态栏或者导航栏------------------
Android 获取底部导航栏高度
weixin_38044594的博客
10-21 3204
Android 获取底部导航栏高度 目前存在的都不怎么完美，特别涉及到三星、华为等手机，经过测试目前华为、三星、小米手机基本满足，而且不需要判断手机型号。 直接上代码： public static int getNavigationBarHeight(Activity activity) { if (Build.VERSION.SDK_INT >= Build.VERSION_CO...
解决android 显示内容被底部导航栏遮挡的问题
08-27
在某些Android设备中，特别是华为和魅族手机，具有底部导航栏的系统会导致某些布局被遮挡。今天，我们将分享如何解决这个问题。 Android系统提供了一个解决方案，即使用AndroidBug5497Workaround类来解决这个问题...
Android实战经验分享之如何获取状态栏和导航栏的高度
AntDream的程序世界
08-13 908
1、通过资源名称获取：优点：简单、代码兼容性好。缺点：可能受某些定制 ROM 的影响，准确性在极少数情况下可能有问题。2、通过 WindowInsets 获取：优点：在较新版本的 Android 上非常准确。缺点：需要较新的 API 级别，可能需要做额外的兼容性处理。
android获取刘海屏状态栏高度,Android刘海屏全面屏底部导航栏的适配
weixin_35548486的博客
05-25 951
关于Android状态栏和虚拟导航栏的适配，文章：https://blog.youkuaiyun.com/leogentleman/article/details/54566319讲的很不错。状态栏的适配：在activity里设置了View decorView = getWindow().getDecorView();int uiOptions = View.SYSTEM_UI_FLAG_HIDE_NAVIG...
iOS iPhone X底部设置高度 白色底部显示
qq_25007459的专栏
10-10 6936
iPhone X设置底部高度，看过很多文档，设置了都不行，突然想到一个很简单的方式，在总的UITableViewController或者UIViewController 添加一个view的白色按钮 查看效果图 //判断是否为iPhone X 其他的不需要加入底部高度  BOOL IS_IPHONE_X = 812 == [[UIScreen mainScreen] bounds].siz...
优链网址导航程序源码V.20100916
10-12
☆系统前台简介☆ 1.申请加入免收录网站友情链接网的网站按最后点进的时间排序首页和分类显示链接， 分类以昨日点入时间为准，每晚十二点后生成静态。 2.每来访一个IP，就会自动排到第一（刷新一下），当天来路不同次数，显示颜色也不同：有1次即显示，10次即套蓝色，30次即套红色加粗 3.首页白天3分钟，晚上5分钟自动更新一次，全站24小时手动更新一次。 4.站内搜索功能。 5.网址库中分离出的【名站导航】【实用工具】【友情链接】 ☆系统后台功能☆ 1.设置网站的基本信息。 2.管理员帐号/密码更改。 3.添加删除分类。 4.分类可修改可设置首页是否显示。 5.酷站可设置首页是否显示。 6.添加删除修改网址内容，是否推荐，是否审核。 7.可从网址库中分离出【名站导航】【实用工具】【友情链接】 8.【名站导航】【实用工具】可由快速通道添加。 9.【友情链接】从网址列表中设置。 10.站内搜索功能。 11.生成htm分类页面，生成htm主页及其它页面。 12.可修改主页，分类及其它页面模板。 13.具有数据库【备份】【压缩】【恢复】功能。 14.后台广告位标注 ☆安装使用方法☆ 1.在支持ASP的服务器上解开本软件包。 2.数据库文件在data目录，已经做了防下载处理。 3.后台登录地址在admin/index.asp，默认管理员账号:admin，密码:admin。 4.进入后台根据提示设置你网站的基本信息。 5.生成全站及分类一次。 6.为了安全起见,请在后台将管理员帐号和密码全部修改成你自己的。 后续版本不断更新中......
beg-adobe-animate-cc:TOM GREEN和Joseph Labrecque的“ Beginning Adob​​e Animate CC”源代码
05-18
Apress源代码 该存储库随附有TOM GREEN和Joseph Labrecque撰写的 （Apress，2017年）。 指示 该存储库包含使用Git大文件存储（LFS）存储的文件。 要下载完整的软件包，包括任何大文件，请首先安装 。 然后使用Git或GitHub Desktop将存储库克隆到您的计算机上。 如果您无法安装Git LFS或不想安装，请按照以下步骤获取完整的软件包： 使用绿色按钮以zip格式下载软件包，或使用Git或GitHub Desktop将存储库克隆到您的计算机上。 该软件包将包含与Git LFS一起存储的每个文件的占位符文件。 对于使用Git LFS存储的每个文件： 在浏览器中导航到GitHub上的文件。 选择下载以从Git Large File Storage下载文件。 发行版 版本v1.0对应于已出版书籍中的代码，没有更正或更新。 会费 请参阅文件C
tomitankChess:匈牙利语JavaScript国际象棋引擎
05-01
tomitankChess是匈牙利语（纯）JavaScript Chess Engine tomitankChess 2.0是世界上第一个完整的BitBoard JavaScript国际象棋引擎！ 为什么纯净？ 因为它是No Emscripten（与stockfish-js不同），所以代码是可读的。 纯JavaScript比“ C”语言慢5倍，比Emscripten JavaScript慢2.5倍。 该引擎正在您的浏览器中运行，并且还与UCI GUI（例如Arena）一起运行。 用法： tomitankChess（带有node.js）在Arena，WinBoard和Cutechess中运行。 带有node.js的Arena GUI示例 命令行：直接访问node.exe（C：\ Program Files \ nodejs \ node.exe） 命令行参数：直接访问tomit
获取移动浏览器实际可用高度
webFrontEndDev的博客
12-26 3123
获取移动浏览器实际可用高度：去掉顶部地址栏、底部操作栏   function getBrowserInterfaceSize() { var pageWidth = window.innerWidth; var pageHeight = window.innerHeight; if (typeof pageWidth != "number") { /...
安卓标题栏和底部导航高度
mafanwei的博客
03-06 4280
网上多数都是测算的代码，有时候我们并不需要测算，直接在xml里设置即可。标题栏高度为：48dp底部导航高度为：56dp在xml里直接设置就行了，温馨提示：别用px。...
最全最准确获取iOS 状态栏、导航栏、TabBar高度
chenshilinaaa的博客
07-15 7268
最近在iPhone12系列机型上开发项目时，发现使用项目提供的获取状态栏、导航栏高度方法获取到的高度是错误的，随后跟踪排查最终解决这个问题，所以自己想简单的总结一下问题原因和解决办法。本文主要介绍问题原因和解决办法，最终提供一个能准确获取iPhone状态栏、导航栏、TabBar高度的方法。...
各类网址收藏
热门推荐
JL_Java的博客
10-08 1万+
编程网址 前端 网址地址 简称 介绍 https://element.eleme.cn/#/zh-CN/component/changelog element 前端各种组件 可以配合Vue使用 https://www.iconfont.cn/ 阿里巴巴矢量图标 阿里巴巴的一个矢量图库 有各种图标 https://www.bootschool.net/ bootschool 分享和整理互联网上各种优秀常用的JS插件和网站模板，提供各种JS插件、JS特效、插件教程、优质网站模板、免费
安全站点导航（感谢backlion整理）
qdslg的专栏
08-04 1万+
个人技术博客： 国内： 危险漫步  luan PHITHON（离别歌） http://www.blogsir.com.cn/ （江sir） http://blog.youkuaiyun.com/qq_27446553/ （qq_27446553博客） http://0x007.blog.51cto.com/6330498/1628943 （0x007博客） http://ver007.com/（...
uniapp获取手机底部导航栏高度
06-10
<think>我们参考了引用[1]和引用[2]，但用户当前的问题是如何在UniApp中获取手机底部导航栏的高度。根据引用[1]：提到在UniApp中自定义导航时，需要适配不同手机的状态栏高度（顶部）和底部导航栏高度。但具体获取方法没有说明。引用[2]：展示了自定义底部导航栏的组件使用，但没有涉及高度获取。实际上，在UniApp中获取底部导航栏（通常指系统底部的虚拟按键区域，如安卓的导航栏）的高度，我们可以使用uni.getSystemInfoSync()API来获取。具体来说：-通过uni.getSystemInfoSync()可以获取到整个屏幕的高度（screenHeight）和窗口高度（windowHeight）。-底部导航栏的高度可以通过计算：屏幕高度-窗口高度-状态栏高度（statusBarHeight）来间接得到。但注意，窗口高度已经包含了状态栏高度，所以实际上：底部导航栏高度=屏幕高度-窗口高度然而，这个方法只有在底部导航栏显示的时候才准确。另外，在iOS中，底部安全区域（safeArea）的bottom值可以反映底部的安全距离，但安卓的虚拟导航栏高度需要额外计算。更准确的方法是使用uni.getSystemInfoSync()返回的safeArea对象。从HBuilderX2.5.5起，uni-app提供了safeArea对象，它包含安全区域的四个边界（top,bottom,left,right）以及安全区域的宽高。其中，底部安全区域（safeAreaInsets）的bottom值在iOS上表示底部安全区域（包括Home条），在安卓上则可能为0（因为安卓的虚拟导航栏通常不被认为是安全区域的一部分）。所以，对于安卓，我们通常还是用屏幕高度和窗口高度的差值来计算。但是，还有一个更直接的属性：windowBottom。这个属性表示窗口底部到屏幕底部的距离，实际上就是底部导航栏的高度（如果显示的话）。然而，经过查阅，uni.getSystemInfoSync()返回的对象中，并没有直接提供“底部导航栏高度”的属性。在HBuilderX2.3.3以上版本，我们可以使用以下方法：1.使用uni.getSystemInfoSync()获取整个屏幕的信息。2.通过屏幕高度（screenHeight）减去可用窗口高度（windowHeight）再减去状态栏高度（statusBarHeight）？但是注意，窗口高度其实是包括了状态栏高度的（在安卓上，windowHeight是屏幕高度减去状态栏和导航栏，所以状态栏高度已经被扣除，但导航栏也被扣除了）?这样计算可能会出错。实际上，在uni-app中，窗口高度（windowHeight）表示的是去除状态栏和底部导航栏后的高度（如果导航栏存在的话）。因此：底部导航栏高度=屏幕高度-窗口高度-状态栏高度但这样计算并不准确，因为状态栏高度在窗口高度计算中已经被扣除？我们再看：在安卓上，整个屏幕分为三部分：状态栏（上）、应用区域（中）、导航栏（下）。所以：screenHeight=statusBarHeight+windowHeight+导航栏高度因此：导航栏高度=screenHeight-statusBarHeight-windowHeight但是，这里要注意：windowHeight是包括整个可用的内容区域的，它已经去除了状态栏和导航栏。所以这个计算在理论上是正确的。然而，在iOS中，因为刘海屏的存在，我们还需要考虑安全区域。在iOS上，通常不会在底部显示系统导航栏（iOS的导航是手势操作），所以底部只有安全区域（例如iPhoneX系列以上的Home条区域），这个安全区域高度可以通过safeAreaInsets.bottom获取。因此，我们分为两种情况：-在安卓上：导航栏高度=screenHeight-statusBarHeight-windowHeight-在iOS上：底部导航栏（虚拟Home条）的高度可以直接从safeAreaInsets.bottom获取？注意，在iOS中，safeAreaInsets.bottom就是安全区域底部的高度，也就是我们通常说的34或21（竖屏时）等。但是，注意：在iOS中，如果没有虚拟导航栏（比如非全面屏），那么safeAreaInsets.bottom为0。而安卓的虚拟导航栏在显示的时候，我们通过计算得到其高度，在不显示的时候，这个高度为0。然而，我们是否可以直接使用safeAreaInsets.bottom？在安卓上，这个值可能为0，因为安卓的导航栏不被包含在safeArea中。所以，我们需要兼容处理：1.首先获取系统信息：constsystemInfo=uni.getSystemInfoSync();const{screenHeight,statusBarHeight,windowHeight,safeAreaInsets}=systemInfo;2.如果是安卓：letbottomNavHeight=0;if(systemInfo.platform==='android'){bottomNavHeight=screenHeight-statusBarHeight-windowHeight;}else{//iOS或其他系统，可以直接使用safeAreaInsets的bottom值，但注意这实际上是安全区域下边距，可能不完全是导航栏高度（比如在横屏时）//不过，在竖屏情况下，safeAreaInsets.bottom通常就是底部虚拟条（Home条）的高度bottomNavHeight=safeAreaInsets?safeAreaInsets.bottom:0;}但以上方法在安卓上获取的bottomNavHeight可能不正确，因为windowHeight的定义在不同版本可能有差异？我们看uni-app文档：windowHeight是可用窗口高度，不包括状态栏和底部导航栏。然而，在真机测试中发现，在安卓有底部导航栏时，windowHeight确实不包含导航栏。所以计算是有效的。但是，有一个问题：如果手机没有底部导航栏（例如使用手势操作），那么screenHeight-statusBarHeight-windowHeight等于0？这是符合预期的。所以，我们可以这样写：letbottomNavHeight=0;if(systemInfo.platform==='android'){bottomNavHeight=systemInfo.screenHeight-systemInfo.statusBarHeight-systemInfo.windowHeight;}else{//在iOS上，我们直接取安全区域的下边距（在竖屏时，这是底部的安全高度，也就是我们关注的底部高度）//注意：safeAreaInsets需要在HBuilderX2.5.5+，如果版本过低，可以使用safeArea.bottom-screenHeight?但是不建议。//我们可以这样，如果存在safeAreaInsets，则取safeAreaInsets.bottom，否则取0bottomNavHeight=systemInfo.safeAreaInsets?systemInfo.safeAreaInsets.bottom:0;}但是，还有一点：在安卓上，有时候获取到的windowHeight可能并不正确（比如在全面屏上，可能会包含底部安全区域），这里需要明确。因此，更推荐的方法：使用uni.getSystemInfoSync()中的safeArea对象。safeArea表示安全区域的位置信息。在安卓上，safeArea的bottom是屏幕高度减去底部导航栏的高度（如果存在的话），因此，导航栏高度=screenHeight-safeArea.bottom。这种方法同时适用于iOS和安卓吗？在iOS上，safeArea.bottom是屏幕底部安全区域的底部坐标，所以屏幕高度-safeArea.bottom就是底部安全区域的高度（也就是Home条的高度）。在安卓上，safeArea.bottom是屏幕高度减去底部导航栏高度后的值，所以屏幕高度-safeArea.bottom就等于底部导航栏的高度？不一定，因为safeArea的定义是安全区域，在安卓上，安全区域通常不包括状态栏和导航栏，所以安全区域的底部到屏幕底部的距离就是导航栏的高度。因此，我们可以统一使用：底部导航栏高度=screenHeight-safeArea.bottom但是，注意：safeArea对象在HBuilderX2.5.5以上支持，所以我们需要考虑版本兼容。另外，safeArea.bottom是一个数值，表示安全区域底部到屏幕顶部的距离？不对，safeArea对象包含一个矩形区域（{left,right,top,bottom,width,height}），其中bottom属性表示安全区域底部到屏幕上边缘的距离（即安全区域底部的Y坐标），所以整个屏幕的高度减去这个bottom值就是底部被遮挡的高度（即底部导航栏高度）。所以：底部导航栏高度=screenHeight-safeArea.bottom但是，在iOS上，这个高度是安全区域底部到屏幕底部的距离（也就是我们需要的安全高度，即Home条的高度）。在安卓上，这个高度就是底部导航栏的高度。所以，我们可以用如下方法获取底部导航栏高度（无论安卓还是iOS）：constsystemInfo=uni.getSystemInfoSync();const{screenHeight,safeArea}=systemInfo;constbottomNavHeight=screenHeight-safeArea.bottom;注意：这个方法在屏幕方向改变时，也能正确获取。但是，如果没有底部导航栏，则safeArea.bottom等于屏幕高度，所以bottomNavHeight为0。但是，safeArea可能不存在（低版本），所以需要判断：letbottomNavHeight=0;constsystemInfo=uni.getSystemInfoSync();if(systemInfo.safeArea){bottomNavHeight=systemInfo.screenHeight-systemInfo.safeArea.bottom;}else{//低版本兼容：如果是安卓，用老方法；iOS无法精确获取（可以尝试获取model，对iPhoneX以上进行默认赋值？）//但我们这里简单处理：低版本不获取或者尝试用其他方法if(systemInfo.platform==='android'){bottomNavHeight=systemInfo.screenHeight-systemInfo.statusBarHeight-systemInfo.windowHeight;}else{//在iOS上，我们无法获取底部安全区域，但可以判断机型，如果是全面屏，默认给一个值？但不够严谨，最好升级HBuilderX//这里建议升级，如果非要处理，可以判断model，例如iPhoneX以上的型号//这里为了简单，返回0bottomNavHeight=0;}}综上所述，我们推荐使用safeArea的方式获取，并做好兼容处理。因此，在UniApp中获取手机底部导航栏高度的具体代码可以这样写：functiongetBottomNavBarHeight(){constsystemInfo=uni.getSystemInfoSync();//如果支持safeAreaif(systemInfo.safeArea){returnsystemInfo.screenHeight-systemInfo.safeArea.bottom;}//不支持safeArea，则根据平台处理if(systemInfo.platform==='android'){//在安卓上，通过screenHeight-statusBarHeight-windowHeight计算returnsystemInfo.screenHeight-systemInfo.statusBarHeight-systemInfo.windowHeight;}//iOS其他情况（低版本），无法获取，返回0或默认值（例如全面屏通常为34，非全面屏为0）//根据机型判断：这里简单的判断，如果是iPhoneX及以上，返回34，否则0//注意：这种方法可能不准确，推荐升级uni-appconstmodel=systemInfo.model?systemInfo.model.toLowerCase():'';if(model.includes('iphonex')||model.includes('iphone1')||model.includes('iphone11')||model.includes('iphone12')||model.includes('iphone13')||model.includes('iphone14')||model.includes('iphone15')){return34;//大多数iPhone全面屏底部安全区域高度为34}else{return0;}}注意：这里对iOS的兼容处理并不完美，因为不同型号的iPhone底部安全区域高度可能不同（而且还有旋转的情况），所以强烈建议使用高版本的HBuilderX开发，以便使用safeArea。另外，在测试时需要注意，有些安卓机没有底部导航栏（如全面屏手势），此时计算的高度为0。因此，我们建议在需要设置高度的地方使用这个函数获取值。注意：在uni-app中，如果页面使用了自定义导航栏（navigationStyle为custom），则整个页面窗口高度（windowHeight）不包括状态栏和导航栏。但要注意，在页面布局时，我们通常使用CSS变量--window-top和--window-bottom，也可以通过uni.getSystemInfoSync()动态获取。综上所述，我们提供了获取底部导航栏高度的方法。在用户的问题中，他提到“手机底部导航栏”，我们通常理解为安卓的虚拟按键区域或iOS的安全区域底部（Home条）。因此，以上方法可以满足。注意：在微信小程序等平台，也存在安全区域的概念，但一般不需要获取底部导航栏高度（因为平台本身已经处理了安全区域）。所以这个方法主要针对App和H5。下面给出代码示例：//在onLoad或需要的地方调用constbottomNavHeight=getBottomNavBarHeight();console.log('底部导航栏高度:',bottomNavHeight);函数定义：functiongetBottomNavBarHeight(){constsystemInfo=uni.getSystemInfoSync();if(systemInfo.safeArea){returnsystemInfo.screenHeight-systemInfo.safeArea.bottom;}if(systemInfo.platform==='android'){//安卓平台returnsystemInfo.screenHeight-systemInfo.statusBarHeight-systemInfo.windowHeight;}//iOS平台，且低版本uni-app//通过model判断是否为全面屏constmodel=systemInfo.model.toLowerCase();//这里列举全面屏型号，不完整，可根据需要扩展constiPhoneFullScreen=/iphone\s?x|iphone\s?11|iphone\s?12|iphone\s?13|iphone\s?14|iphone\s?15|iphone\s?16|iphone\s?plus|iphone\s?max/i;if(iPhoneFullScreen.test(model)){//一般情况下，竖屏时底部安全区域高度为34，横屏为21。但这里我们假设是竖屏return34;}return0;}注意：这个函数返回的数值单位为px（像素）。因此，我们回答了用户的问题：在UniApp中获取手机底部导航栏高度的方法如上。另外，用户可能想将这个高度用于样式，比如设置页面底部内边距以避免内容被遮挡。这时，我们可以在需要的地方动态设置样式。最后，我们提醒：由于不同设备和系统版本的差异，建议进行充分的真机测试。相关问题：1.如何在UniApp中获取状态栏高度？2.如何适配不同机型的底部安全区域？3.在UniApp中如何设置页面内容不被系统导航栏遮挡？</think> 在 UniApp 中获取手机底部导航栏（系统虚拟按键栏）高度的方法如下，分为两种常用场景： ### 📱 方法一：通过安全区域计算（推荐） 使用 `uni.getSystemInfoSync()` 获取安全区域数据计算： ```javascript const systemInfo = uni.getSystemInfoSync(); // 安全区域底部到屏幕底部的距离即为导航栏高度 const bottomNavHeight = systemInfo.screenHeight - systemInfo.safeArea.bottom; ``` 说明： 1. **`screenHeight`**：屏幕总高度 2. **`safeArea.bottom`**：安全区域底部坐标（从屏幕顶部开始计算） 3. **适用场景**：安卓虚拟按键栏、iOS 的 Home Indicator 区域（小横条）[^1] ### 📱 方法二：通过窗口高度差值计算（兼容安卓） ```javascript const systemInfo = uni.getSystemInfoSync(); // 安卓专用计算方式 const bottomNavHeight = systemInfo.screenHeight - systemInfo.statusBarHeight - systemInfo.windowHeight; ``` ### 🛠 完整示例代码 ```javascript export default { methods: { getBottomNavbarHeight() { const systemInfo = uni.getSystemInfoSync(); // 方法1：优先使用安全区域计算 if (systemInfo.safeArea) { return systemInfo.screenHeight - systemInfo.safeArea.bottom; } // 方法2：安卓兼容方案 return systemInfo.platform === 'android' ? systemInfo.screenHeight - systemInfo.statusBarHeight - systemInfo.windowHeight : 0; // iOS默认无虚拟按键栏 } }, mounted() { const height = this.getBottomNavbarHeight(); console.log('底部导航栏高度:', height + 'px'); // 实际应用：设置页面内边距避免遮挡 uni.setStorageSync('BOTTOM_NAV_HEIGHT', height); } } ``` ### ⚠️ 注意事项 1. **平台差异**： - 仅 **Android** 设备存在系统级虚拟导航栏 - iOS 底部为 Home Indicator（安全区域已包含） 2. **样式适配建议**： ```css /* 在CSS中使用安全区域 */ .safe-area { padding-bottom: env(safe-area-inset-bottom); } ``` 3. 高度为 `0` 的场景： - 用户开启全面屏手势操作 - iOS 设备 - 横屏模式下 > 测试建议：使用真机调试，不同安卓品牌（华为、小米等）的虚拟按键高度可能不同[^1]。 ### 相关问题 1. 如何动态适配 UniApp 页面的安全区域？ 2. 获取状态栏高度的方法在 UniApp 中有什么区别？ 3. 如何判断用户是否启用了全面屏手势操作？ 4. UniApp 中如何实现自定义顶部导航栏的高度适配？ --- 通过以上方法即可准确获取系统底部导航栏高度，如需兼容特殊设备（如折叠屏），建议额外增加动态计算逻辑[^1][^2]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值