小程序的原生導航欄是禁用不了的 因為他會用有一些東西,H5 和 安卓、IOS 是可以禁用的:
官網找到 appplus
配置編譯到 App 平台時的特定樣式,部分常用配置 H5 平台也支持。以下僅列出常用,更多配置項參考 WebviewStyles。
屬性 | 類型 | 默認值 | 描述 | 平台兼容 |
---|---|---|---|---|
background | HexColor | #FFFFFF | 窗體背景色。無論vue頁面還是nvue頁面,在App上都有一個父級原生窗體,該窗體的背景色生效時間快於頁面里的css生效時間 | App |
titleNView | Object | 導航欄 ,詳見:導航欄 | App、H5 | |
subNVues | Object | 原生子窗體,詳見:原生子窗體 | App 1.9.10+ | |
bounce | String | 頁面回彈效果,設置為 "none" 時關閉效果。 | App(nvue Android無頁面級bounce效果,僅list、recycle-list、waterfall等滾動組件有bounce效果) | |
popGesture | String | close | 側滑返回功能,可選值:"close"(啟用側滑返回)、"none"(禁用側滑返回) | App-iOS |
softinputNavBar | String | auto | iOS軟鍵盤上完成工具欄的顯示模式,設置為 "none" 時關閉工具欄。 | App-iOS |
softinputMode | String | adjustPan | 軟鍵盤彈出模式,支持 adjustResize、adjustPan 兩種模式 | App |
pullToRefresh | Object | 下拉刷新 | App | |
scrollIndicator | String | 滾動條顯示策略,設置為 "none" 時不顯示滾動條。 | App | |
animationType | String | pop-in | 窗口顯示的動畫效果,詳見:窗口動畫。 | App |
animationDuration | Number | 300 | 窗口顯示動畫的持續時間,單位為 ms。 | App |
為什么我配置的是APP 我 H5 也生效,因為官方是這樣說的:
但是現在更新了 ,具體:
用style 取消原生導航欄(H5 、 Android 、 IOS ) :
聽說有辦法去掉小程序的原生:
一般呢 采取第二種方法,但是呢 這里如果取消了 往里面寫東西會頂上到狀態欄 非常丑比,所以我們需要獲取到導航欄高度然后設置一下:
上圖已經獲取到了導航欄的高度 這個方法 只有APP有效 小程序和 H5 是獲取不了的。小程序應該是可以的 但是我不行
小程序獲取方法如下:
代碼在這里:
let systemInfo = uni.getSystemInfoSync(); const system = systemInfo.platform var statusBarHeight = systemInfo.statusBarHeight
如果嫌太麻煩 辦法就是 用 paddTop 為30px [具體30夠了],然后! 背景色調白即可:
手機也是這么個效果哈....你狀態欄能有多高啊 30狗了 其實
如果! 你使用的是uniUi框架 那么他的是可以設置直接間距掉狀態欄的: