1. 程式人生 > >微信小程式tabBar的顯示和跳轉問題

微信小程式tabBar的顯示和跳轉問題

    如下圖所示,我們按照小程式官方文件,分別在pages目錄下建立test1和test2兩個頁面。然後在app.json下注冊。按理說在左側模擬器下邊會出現一個導航欄。可是事與願違,偵錯程式也沒有報錯或者警告。為什麼會出現這一情況呢?

首先我們將以上程式碼做點小小的修改如下圖所示。


可以看到現在左側模擬器導航欄已經可以正常顯示了。比較這兩個圖可以發現,我們只是在tabBar的list中把當前頁面也加進去了。程式就可以正常顯示了。所以這裡有一個官方文件沒有明確指出的約定俗成:當前頁面一定是list中的一項

除此之外,在利用navigator做導航時要注意open-type屬性的設定,當有tabBar的頁面向沒有tabBar的頁面跳轉時,需要設定為navigate或者redirect等。但是反過來,無tabBar的頁面向有tabBar的頁面跳轉則必須設定open-type的值為switchTab。否則程式不能正常顯示。