uni-app 中如何正确适配不同平台的导航栏高度？
我在用 uni-app 开发一个多端应用，发现 H5、微信小程序和 App 端的导航栏高度不一致，导致页面内容被遮挡或者留白太多。我试过用 uni.getSystemInfoSync() 获取状态栏高度，但不同平台返回的值差异很大，逻辑写起来特别混乱。
有没有一种通用的方法能自动适配各端的导航栏高度？比如在 pages.json 里配置或者用 CSS 变量？现在我的页面顶部 padding 是写死的 padding-top: 44px，在 iPhone 上还好，安卓和小程序就出问题了。
const sys = uni.getSystemInfoSync();
console.log('statusBarHeight:', sys.statusBarHeight);
// 微信小程序返回 25，H5 返回 0，App 又是别的值...
- 2
回答
19浏览
uni-app 中如何正确适配不同平台的导航栏高度？
我在用 uni-app 开发一个多端项目，发现 iOS、Android 和 H5 的导航栏高度都不一样。尝试用 uni.getSystemInfoSync() 获取状态栏高度，但组合起来还是对不齐。比...
- 2
回答
76浏览
uni-app小程序端如何在页面滚动时动态改变导航栏背景色？
我在开发uni-app小程序时遇到个问题，想在页面滚动时根据位置动态改变导航栏背景色。之前用scroll-view的scroll事件测过，但事件根本不触发。后来试了原生APIuni.setNaviga...
- 2
回答
92浏览
uni-app中如何解决不同端的样式差异？按钮在H5和小程序显示完全不一样
我在用uni-app开发时发现，同一个按钮组件在H5和微信小程序上的圆角显示完全不一样。尝试用条件编译写不同样式，但不管怎么改都无效，控制台也没报错： 点击我 .button { @if(__PLAT...
- 1
回答
41浏览
uni-app中React组件如何正确监听页面滚动事件？
在用uni-app开发时遇到了滚动监听问题。我在页面里写了一个React组件，想通过uni的onPageScroll方法获取滚动位置，但滚动时数值没有变化，甚至出现重复回调。 尝试过这样写代码： co...
- 2
回答
43浏览
uni-app中React组件如何正确触发页面跳转？
在uni-app里用React写组件时，想通过按钮跳转页面，但直接用uni.navigateTo一直报错。我按照文档写了个函数： const navigate = () => { uni.nav...
- 2
回答
256浏览
uni-app中pages.json配置了导航栏标题但页面不显示，该如何解决？
在uni-app项目中，我在pages.json里给某个页面配置了navigationBarTitleText，但实际页面顶部标题却显示为空白。检查配置文件确认路径正确，也尝试过重启服务，但问题依旧。...
- 1
回答
3浏览
uni-app在App端如何监听网络状态变化？
我在uni-app里开发App，想实时监听网络是否断开或者恢复，但onNetworkStatusChange在真机上好像没反应。 查了文档说要用uni.onNetworkStatusChange，但写...
- 1
回答
9浏览
uni-app中如何监听页面滚动到底部？
我在uni-app里做了一个上拉加载更多的功能，但用@scrolltolower有时候不触发，尤其是在H5端。试过给scroll-view加了:scroll-y="true"和固定高度，还是不行，到底...
- 2
回答
39浏览
uni-app中如何让scroll-view在H5和App端滚动效果一致？
我在用uni-app开发一个跨端应用，发现scroll-view在H5上滑动很流畅，但在App端（尤其是iOS）滚动特别卡顿，而且惯性滚动也没了。试过加:scroll-with-animation="...
- 2
回答
134浏览
uni-app和React Native社区支持差异大？如何选择框架避免资源不足？
最近在做跨端开发选型，发现用uni-app开发小程序时遇到map组件报错"component not found"，官方文档只写了基础用法。我按示例写了<map :latitude="39.90...
不过既然你问了，我大概知道一点。uni-app 的状态栏高度在不同平台确实坑，你可以试试在 pages.json 的 globalStyle 里配置 navigationStyle 为 custom，然后用 custom 模式自己控制导航栏，这样就不受系统影响统一高度了。
或者你可以在 App.vue 的 onLaunch 里把状态栏高度写到一个 vue 变量或者 globalData 里，后续页面直接用就行，别在每个页面单独调 uni.getSystemInfoSync()。
具体代码大概是：
let sysInfo = uni.getSystemInfoSync();
let statusBarHeight = sysInfo.statusBarHeight || 20; // 兜底值
// 存到全局
getApp().globalData.statusBarHeight = statusBarHeight;
页面里用的时候：
padding-top: getApp().globalData.statusBarHeight + 'px'
至于小程序那个 44px 是微信的 navigationBarHeight，你得加上这个值。计算公式大概是：statusBarHeight + 44（小程序导航栏高度是固定的）。
你这个问题最好去 uni-app 的社区或者官方论坛问问，那边的大神多。