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