小程式中的tabbar組件不顯示是什麼原因

前言：

對於經常進行小程式開發的朋友來說，tabBar元件應該是大家非常熟悉的元件了。以為我對它已經很了解了，但是今天的遭遇才讓我徹底認清了它。今天如往常一樣開發小程序，但是意外地發現，我設定了tabBar卻沒有顯示，這是怎麼回事？於是抱著疑惑開始慢慢排查問題。

解決想法如下：

首先 如果tabBar不顯示，要檢查所指向的頁面是否進行了頁面註冊。如果沒有註冊的話，頁面是找不到的。

其次要確保路徑的拼字正確，不知道為什麼使用的Windows平台的微信開發工具，在設定tabBar的list時，並沒有程式碼提示，所以只能自己拼字路徑全稱，這個時候一定要注意拼字的正確性，否則頁面載入後，tabBar是找不到的，但是找不到Console也不會報任何的錯誤，所以千萬要注意路徑的拼寫，就像我在設定list 的pagePath 屬性時，將 「Component」 寫出了「Componnet」

最後，在頁面路徑確保正確的前提下，tabBar還是沒有顯示出來，嘗試了好多次，最後找到原因，因為之前是做Android的，而Android中，也有一個類似的元件是TabHost, TabHost包含在一個Activity中，包括指向的Activity(假設是3個Activity),共4個Activity,但是在微信小程式中，如果按照這樣的模式，即一個頁麵包含三個頁面的話，那麼很抱歉，tabBar是不能正常顯示的，在微信小程式中啟動頁面一定要包含在tabBar中，並且啟動頁必須是tabBar的list屬性中的第一個元素，才能正常顯示，Android的同學很容易在這個地方糾結。

相關推薦：小程式開發教學

以上是小程式中的tabbar組件不顯示是什麼原因的詳細內容。更多資訊請關注PHP中文網其他相關文章！