uniAPP 禁用原生導航欄 和 獲取狀態欄高度 和 使用(間距掉)


小程序的原生導航欄是禁用不了的 因為他會用有一些東西,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框架 那么他的是可以設置直接間距掉狀態欄的:

 

 很簡單! 直接干就完了!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM