小程序中tabbar組件不顯示的原因有哪些

小編給大家分享一下小程序中tabbar組件不顯示的原因有哪些，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

前言：

對(duì)于經(jīng)常進(jìn)行小程序開(kāi)發(fā)的朋友來(lái)說(shuō)，tabBar組件應(yīng)該是大家非常熟悉的組件了。原以為我對(duì)它已經(jīng)很了解了，但是今天的遭遇才讓我徹底認(rèn)清了它。今天如往常一樣開(kāi)發(fā)小程序，但是意外地發(fā)現(xiàn)，我設(shè)置了tabBar卻沒(méi)有顯示，這是怎么回事？于是抱著疑惑開(kāi)始慢慢排查問(wèn)題。

解決思路如下：

首先 如果tabBar不顯示，要排查所指向的頁(yè)面是否進(jìn)行了頁(yè)面注冊(cè)。如果沒(méi)有注冊(cè)的話(huà)，頁(yè)面是找不到的。

其次 要確保路徑的拼寫(xiě)正確，不知道為什么使用的Windows平臺(tái)的微信開(kāi)發(fā)工具，在設(shè)置tabBar的list時(shí)，并沒(méi)有代碼提示，所以只能自己拼寫(xiě)路徑全稱(chēng)，這個(gè)時(shí)候一定要注意拼寫(xiě)的正確性，否則頁(yè)面加載后，tabBar是找不到的，但是找不到 Console也不會(huì)報(bào)任何的錯(cuò)誤，所以千萬(wàn)要注意路徑的拼寫(xiě)，就像我 在設(shè)置list 的 pagePath 屬性時(shí)，將  “Component” 寫(xiě)出了“Componnet”

最后，在頁(yè)面路徑確保正確的前提下，tabBar還是沒(méi)有顯示出來(lái)，嘗試了好多次，最后找到原因，因?yàn)橹笆亲鯝ndroid的，而Android中，也有一個(gè)類(lèi)似的組件是 TabHost, TabHost包含在一個(gè)Activity中，包括指向的Activity(假設(shè)是3個(gè)Activity),共4個(gè)Activity,但是在微信小程序中，如果按照這樣的模式，即一個(gè)頁(yè)面包含三個(gè)頁(yè)面的話(huà)，那么很抱歉，tabBar是不能正常顯示的，在微信小程序中啟動(dòng)頁(yè)面一定要包含在tabBar中，并且啟動(dòng)頁(yè)必須是tabBar的list屬性中的第一個(gè)元素，才能正常顯示，Android的同學(xué)很容易在這個(gè)地方糾結(jié)。

以上是“小程序中tabbar組件不顯示的原因有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！