溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
微信小程序中怎么自定義tabBar，相信很多沒有經驗的人對此束手無策，為此本文總結了問題出現的原因和解決方法，通過這篇文章希望你能解決這個問題。
很多時候，小程序自帶的tabBar不能夠滿足項目需求，這個時候就需要我們自定義tabBar了。但是在網上找了很久，基本都是存在切換時閃爍的問題。幸運的是從基礎庫2.5.0開始，可以官方使用自定義tabBar了。
如下圖所示，我們需要一個展示“首頁”、“我的”，和一個可以點擊跳轉到發布的tabBar。這種樣式，原生的就無法滿足需求了，只能自定義tabBar了。
3.1、如下圖所示，將custom-tab-bar【下載】導入項目根目錄，
3.2、在app.json中配置好切換的tabbar，并設置"custom": true，然后將基礎庫設置成2.5.0
3.3、使用自定義TabBar，在切換的TabBar界面的onShow中添加如下代碼。如首頁中設置 selected: 0，我的中設置 selected: 2。因為 selected: 1 是特殊跳轉，點擊加號圖標時，不再是切換tabbar，而是直接跳轉發布界面了。
/**
* 生命周期函數--監聽頁面顯示
*/
onShow: function () {
if (typeof this.getTabBar === 'function' &&
this.getTabBar()) {
console.log('設置選中項 0')
this.getTabBar().setData({
selected: 0
})
}
},看完上述內容，你們掌握微信小程序中怎么自定義tabBar的方法了嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
