在嘗試小程序開發(fā)時,tabBar這個是個非常常見的組件,但是今天在進行開發(fā)時,設(shè)置了TabBarb并沒有顯示,被這個問題困擾了近半小時,現(xiàn)在將排查問題后所得到的經(jīng)驗記錄下來。
首先 如果tabBar不顯示,要排查所指向的頁面是否進行了頁面注冊。如果沒有注冊的話,頁面是找不到的。
其次 要確保路徑的拼寫正確,不知道為什么使用的Windows平臺的微信開發(fā)工具,在設(shè)置tabBar的list時,并沒有代碼提示,所以只能自己拼寫路徑全稱,這個時候一定要注意拼寫的正確性,否則頁面加載后,tabBar是找不到的,但是找不到 Console也不會報任何的錯誤,所以千萬要注意路徑的拼寫,就像我 在設(shè)置list 的 pagePath 屬性時,將 “Component” 寫出了“Componnet”
最后,在頁面路徑確保正確的前提下,tabBar還是沒有顯示出來,嘗試了好多次,最后找到原因,因為之前是做Android的,而Android中,也有一個類似的組件是 TabHost, TabHost包含在一個Activity中,包括指向的Activity(假設(shè)是3個Activity),共4個Activity,但是在微信小程序中,如果按照這樣的模式,即一個頁面包含三個頁面的話,那么很抱歉,tabBar是不能正常顯示的,在微信小程序中啟動頁面一定要包含在tabBar中,并且啟動頁必須是tabBar的list屬性中的第一個元素,才能正常顯示,Android的同學(xué)很容易在這個地方糾結(jié)。
例如