setNavBarAttr

2022-06-13 14:04 更新

設(shè)置導(dǎo)航欄屬性

setNavBarAttr({params})

params

background:

  • 類(lèi)型:字符串
  • 默認(rèn)值:無(wú)
  • 描述:(可選項(xiàng))導(dǎo)航欄背景。支持顏色值和圖片

shadow:

  • 類(lèi)型:字符串
  • 默認(rèn)值:無(wú)
  • 描述:(可選項(xiàng))導(dǎo)航欄底部陰影線顏色

color:

  • 類(lèi)型:字符串
  • 默認(rèn)值:無(wú)
  • 描述:(可選項(xiàng))導(dǎo)航欄標(biāo)題文字顏色

fontSize:

  • 類(lèi)型:數(shù)字
  • 默認(rèn)值:無(wú)
  • 描述:(可選項(xiàng))導(dǎo)航欄標(biāo)題字體大小

fontWeight:

  • 類(lèi)型:字符串
  • 默認(rèn)值:無(wú)
  • 描述:(可選項(xiàng))導(dǎo)航欄標(biāo)題文字粗細(xì)

fontFamily:

  • 類(lèi)型:字符串
  • 默認(rèn)值:無(wú)
  • 描述:(可選項(xiàng))導(dǎo)航欄標(biāo)題文字字體。只支持iOS。

hideBackButton:

  • 類(lèi)型:布爾
  • 默認(rèn)值:無(wú)
  • 描述:(可選項(xiàng))是否隱藏默認(rèn)返回按鈕??梢酝ㄟ^(guò)監(jiān)聽(tīng) navbackbtn 或 keyback 事件來(lái)處理返回按鈕的點(diǎn)擊事件。

leftButtons:

  • 類(lèi)型:JSON對(duì)象數(shù)組
  • 默認(rèn)值:無(wú)
  • 描述:(可選項(xiàng))導(dǎo)航欄左邊按鈕組,左邊按鈕會(huì)替換掉默認(rèn)的返回按鈕,按鈕按照數(shù)組順序從左至右顯示,按鈕建議最多2個(gè),可以通過(guò)監(jiān)聽(tīng) navitembtn 事件來(lái)處理按鈕點(diǎn)擊事件。
  • 內(nèi)部字段:

[{
    text:                 //(可選項(xiàng))按鈕標(biāo)題文字,可以和icon同時(shí)存在,字符串類(lèi)型
    color:                //(可選項(xiàng))按鈕標(biāo)題文字顏色,默認(rèn)值#000,字符串類(lèi)型
    fontSize:             //(可選項(xiàng))按鈕標(biāo)題字體大小。默認(rèn)值17,數(shù)字類(lèi)型
    fontWeight:           //(可選項(xiàng))按鈕標(biāo)題字體粗細(xì),默認(rèn)值normal。字符串類(lèi)型。Android及iOS8.2以下系統(tǒng)只支持normal、bold,iOS8.2及以上系統(tǒng)支持normal、bold、bolder、lighter、100~900。
    fontFamily:           //(可選項(xiàng))按鈕標(biāo)題字體。只支持iOS,字符串類(lèi)型
    iconPath:             //(可選項(xiàng))按鈕 icon 圖標(biāo)路徑,可以和 text 同時(shí)存在,圖片顯示大小由圖片尺寸和 scale 參數(shù)決定,字符串類(lèi)型
    scale:                //(可選項(xiàng))圖片的縮放倍數(shù),默認(rèn)為 4,數(shù)字類(lèi)型。顯示規(guī)則:當(dāng) scale 值為 3 時(shí),若設(shè)備上面期望顯示的圖標(biāo)尺寸為 30*25,則圖片實(shí)際尺寸需要為 90*75。
}]

rightButtons:

  • 類(lèi)型:JSON對(duì)象數(shù)組
  • 默認(rèn)值:無(wú)
  • 描述:(可選項(xiàng))導(dǎo)航欄右邊按鈕組。按鈕按照數(shù)組順序從右至左顯示,按鈕建議最多2個(gè),可以通過(guò)監(jiān)聽(tīng)navitembtn事件來(lái)處理按鈕點(diǎn)擊事件。
  • 內(nèi)部字段:

[{
    text:                 //(可選項(xiàng))按鈕標(biāo)題文字,可以和icon同時(shí)存在,字符串類(lèi)型
    color:                //(可選項(xiàng))按鈕標(biāo)題文字顏色,默認(rèn)值#000,字符串類(lèi)型
    fontSize:             //(可選項(xiàng))按鈕標(biāo)題字體大小。默認(rèn)值17,數(shù)字類(lèi)型
    fontWeight:           //(可選項(xiàng))按鈕標(biāo)題字體粗細(xì),默認(rèn)值normal。字符串類(lèi)型。Android及iOS8.2以下系統(tǒng)只支持normal、bold,iOS8.2及以上系統(tǒng)支持normal、bold、bolder、lighter、100~900。
    fontFamily:           //(可選項(xiàng))按鈕標(biāo)題字體。只支持iOS,字符串類(lèi)型
    iconPath:             //(可選項(xiàng))按鈕 icon 圖標(biāo)路徑,可以和 text 同時(shí)存在,圖片顯示大小由圖片尺寸和 scale 參數(shù)決定,字符串類(lèi)型
    scale:                //(可選項(xiàng))圖片的縮放倍數(shù),默認(rèn)為 4,數(shù)字類(lèi)型。顯示規(guī)則:當(dāng) scale 值為 3 時(shí),若設(shè)備上面期望顯示的圖標(biāo)尺寸為 30*25,則圖片實(shí)際尺寸需要為 90*75。
}]

示例代碼

api.setNavBarAttr({
    rightButtons: [{
        text: '完成'
    }]
});

可用性

iOS 系統(tǒng),Android 系統(tǒng)

可提供的 1.3.2 及更高版本

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)