在嘗試小程序開發時,tabBar這個是個非常常見的組件,但是今天在進行開發時,設置了TabBarb並沒有顯示,被這個問題困擾了近半小時,現在將排查問題后所得到的經驗記錄下來。
-
首先 如果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的同學很容易在這個地方糾結。