微信小程序 iPhoneX底部安全区域（底部小黑条）适配

本文主要是介绍微信小程序 iPhoneX底部安全区域（底部小黑条）适配，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

先看图：

借用一下网上的图，来详细解释下：

自定义tabbar，代码实现

tabbar采用定位，使用 top值 来决定tabbar显示

onLoad: function () {var statusH = wx.getSystemInfoSync().statusBarHeight;  // 状态栏高度var safetop = wx.getSystemInfoSync().safeArea.top;    // 安全区域距离顶部高度var safeH = wx.getSystemInfoSync().safeArea.height;   // 安全区域高度var topx = Math.ceil(( screenW / 750) * 120);    // tabbar 高度(120rpx转换成以像素为单位)console.log(screenH,safetop, safebtm, safeH)this.setData({statusBarH:statusH,     // 状态栏高度safeAreaH:safeH + safetop - topx,  // tabbar定位top高});}

这篇关于微信小程序 iPhoneX底部安全区域（底部小黑条）适配的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---