uni.setNavigationBarColor設(shè)置字體顏色及背景色無效的4個原因及解決
1. 只設(shè)置了背景色,背景色無效
//錯誤示范 uni.setNavigationBarColor({ backgroundColor:"#c9e5fd" })
注: 背景色需要和字體顏色同時設(shè)置才能生效
2. 字體顏色只支持小寫的十六進制,否則字體顏色和背景色均無效
//錯誤示范 1 uni.setNavigationBarColor({ frontColor:"#fff", backgroundColor:"#c9e5fd" }) // 錯誤示范 2 uni.setNavigationBarColor({ frontColor:"#FFFFFF", backgroundColor:"#c9e5fd" })
3. 字體顏色不能設(shè)置除了黑白以外的顏色,否則字體顏色和背景色均無效
//錯誤示范 uni.setNavigationBarColor({ frontColor:"#c9e5fd", backgroundColor:"#c9e5fd" })
注: 字體顏色只支持黑白兩種顏色:#ffffff 和 #000000
4. 字體顏色不能帶空格符號,否則字體顏色及背景色設(shè)置無效
//錯誤示范 uni.setNavigationBarColor({ frontColor:" #000000", backgroundColor:" #c9e5fd", })
注:正確代碼
// 正確示范 uni.setNavigationBarColor({ frontColor:"#ffffff", backgroundColor:"#c9e5fd", })
附:uni-app 設(shè)置頁面導航條顏色
下述兩種方法中顏色限制為十六進制顏色。
1.pages.json頁面路由中,用style設(shè)置每一個頁面的導航欄背景顏色如:
{ "pages": [{ "path": "pages/index/index", "style": { "navigationBarTitleText": "首頁",//設(shè)置頁面標題文字 "enablePullDownRefresh":true//開啟下拉刷新 "navigationBarBackgroundColo","#000000" } }, ... ] }
2,使用uni.setNavigationBarColor(OBJECT)設(shè)置頁面導航條顏色。如:
uni.setNavigationBarColor({ backgroundColor: '#ff0000', })
Android 上的 backgroundColor 參數(shù)有限制,黑色大于 rgb(30,30,30), 白色小于 rgb(235,235,235)
總結(jié)
到此這篇關(guān)于uni.setNavigationBarColor設(shè)置字體顏色及背景色無效的4個原因及解決的文章就介紹到這了,更多相關(guān)uni.setNavigationBarColor設(shè)置無效內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JS實現(xiàn)根據(jù)當前文字選擇返回被選中的文字
這篇文章主要介紹JS如何實現(xiàn)根據(jù)當前文字選擇返回被選中的文字,需要的朋友可以參考下2014-05-05- 在TypeScript中,泛型是一種創(chuàng)建可復(fù)用代碼組件的工具。這種組件不只能被一種類型使用,而是能被多種類型復(fù)用。類似于參數(shù)的作用,泛型是一種用以增強類(classes)、類型(types)和接口(interfaces)能力的非??煽康氖侄?/div> 2022-09-09
js實現(xiàn)日期天數(shù)、時分秒的倒計時完整代碼
這篇文章主要給大家介紹了關(guān)于js實現(xiàn)日期天數(shù)、時分秒的倒計時的相關(guān)資料,實現(xiàn)倒計時功能首先是得到目標時間,然后用當前時間減去目標時間,最后將時間差傳化為天數(shù)、時、分、秒,需要的朋友可以參考下2023-11-11javascript 使用sleep函數(shù)的常見方法詳解
這篇文章主要介紹了javascript 使用sleep函數(shù)的常見方法,結(jié)合實例形式分析總結(jié)了javascript sleep函數(shù)的功能、常見使用方法與操作注意事項,需要的朋友可以參考下2020-04-04利用HTML5+Socket.io實現(xiàn)搖一搖控制PC端歌曲切換
這篇文章主要介紹了利用HTML5+Socket.io實現(xiàn)搖一搖控制PC端歌曲切換,非常具有實用價值,需要的朋友可以參考下。2017-01-01微信小程序開發(fā)之視頻播放器 Video 彈幕 彈幕顏色自定義實例
本篇文章主要介紹了微信小程序開發(fā)之視頻播放器 Video 彈幕 彈幕顏色自定義實例,具有一定的參考價值,有興趣的同學可以了解一下。2016-12-12Layui table 組件的使用之初始化加載數(shù)據(jù)、數(shù)據(jù)刷新表格、傳參數(shù)
這篇文章主要介紹了Layui table 組件的使用之初始化加載數(shù)據(jù)、數(shù)據(jù)刷新表格、傳參數(shù)的實現(xiàn)代碼,需要的朋友可以參考下2017-09-09最新評論