踩一踩微信小程序開發的坑---tabBar

最近忙於開發視頻直播的項目，小程序學習也放置了兩三個星期了，web開發者工具更新到新版，發現上個版本作的demo不顯示了😨，仔細的檢查代碼和上網求救，都沒用，最後隨手那麼的按兩個鍵(真的是隨手一按，都沒想到會解決)就行了，總結下tabBar控件吧。

1，書寫，正確書寫時tabBar，不要寫成tabbar，我看新版的如今有自動補全了，這個應該不會成問題

2，這個問題很差找，當建立新工程時，app.json中Pages配置是這樣的

首頁默認的是index的目錄，若是添加新的頁面，不在pages中添加index目錄，也會致使tabBar不顯示，以下圖：

在配置中加入index目錄

 

3，tabBar屬性的要求，官方教程微信小程序官方教程

畫重點，tabBar中list的個數最少2個，最多5個。list中每一個對象的屬性值iconPath和selectedIconPath我試了一下，能夠不填寫，不知道之後會不會改，建議在項目中添加圖片。

4，這個就是隨手一按解決的(shift+【   鍵)，這個坑隱藏的很深，第一個目錄中的.json中，無論配置不配置其它數據，必需要加一個{}😭。

 

最後顯示出來了

本身經歷的就這麼多，若是還有其餘漏掉的，歡迎補充。

 

若是以爲個人文章對您有用，請用微信掃描下面的二維碼隨意打賞。您的支持將鼓勵我繼續創做！