原文:uni-app - 劉海屏(Iphone X)底部橫杠(——)白色區域塊(安全距離處更改顏色)解決方案

前言 場景:因為要做無tabbar頁面,所以在配置文件中取消底部導航欄。 取消后,iPhone X 劉海屏 底部就出現如下圖所示白色安全區域問題:這個問題,是因為uni app默認會為iPhone X 劉海屏 留出安全距離,這個安全距離的背景色就是白色。所以,如果你將頁面顏色設置為其他顏色,就會與默認白色沖突。 有 個不同的解決方案 原生占位 ,雖然原理是一樣,但使用的場景不同,請根據您的需求來采 ...

2021-02-25 16:20 0 1551 推薦指數:

查看詳情

ios底部安全距離

一、使用背景 蘋果官方推薦:使用env(),constant()來適配,env()和constant(),是IOS11新增特性,用於設定安全區域與邊界的距離 safe-area-inset-left:安全區域距離左邊邊界的距離 safe-area-inset-right:安全區域距離右邊 ...

Sat Aug 28 00:14:00 CST 2021 0 102
uniapp 底部安全距離

padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */ padding-bottom: env(safe-a ...

Fri Sep 17 05:04:00 CST 2021 0 182
uni-app小程序iPhone X適配底部欄黑橫線

app.vue中判斷手機機型,設置需要留出的高度(如果不是iPhonex,則默認為空) 在需要避開底部橫線的地方,設置:style="{paddingBottom:BottomBlackLineHeight }" 因為BottomBlackLineHeight默認為空,那么非iPhoneX ...

Thu Aug 27 00:19:00 CST 2020 0 1503
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM