setNavBarAttr

2022-06-13 14:04 更新

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

setNavBarAttr({params})

params

background:

  • 類型:字符串
  • 默認值:無
  • 描述:(可選項)導(dǎo)航欄背景。支持顏色值和圖片

shadow:

  • 類型:字符串
  • 默認值:無
  • 描述:(可選項)導(dǎo)航欄底部陰影線顏色

color:

  • 類型:字符串
  • 默認值:無
  • 描述:(可選項)導(dǎo)航欄標題文字顏色

fontSize:

  • 類型:數(shù)字
  • 默認值:無
  • 描述:(可選項)導(dǎo)航欄標題字體大小

fontWeight:

  • 類型:字符串
  • 默認值:無
  • 描述:(可選項)導(dǎo)航欄標題文字粗細

fontFamily:

  • 類型:字符串
  • 默認值:無
  • 描述:(可選項)導(dǎo)航欄標題文字字體。只支持iOS。

hideBackButton:

  • 類型:布爾
  • 默認值:無
  • 描述:(可選項)是否隱藏默認返回按鈕??梢酝ㄟ^監(jiān)聽 navbackbtn 或 keyback 事件來處理返回按鈕的點擊事件。

leftButtons:

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

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

rightButtons:

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

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

示例代碼

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

可用性

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

可提供的 1.3.2 及更高版本

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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號