Shulou(Shulou.com)06/01 Report--

In this article, the editor introduces in detail "how to solve if Mini Program TabBar does not appear". The content is detailed, the steps are clear, and the details are handled properly. I hope this "Mini Program TabBar does not appear how to solve" article can help you solve your doubts.

Reasons why Mini Program TabBar does not appear:

App.json correct code:

{"pages": ["pages/index/index", "pages/leader/leader", "pages/leader/stories/stories", "pages/leader/authors/authors", "pages/stack/stack", "pages/stack/booklist/booklist", "pages/stack/booklist/bookdetail/bookdetail", "pages/bookdesk/bookdesk", "pages/mine/mine", "pages/mine/news/news" "pages/logs/logs"], "window": {"backgroundTextStyle": "light", "navigationBarBackgroundColor": "# fff", "navigationBarTitleText": "NetEase Snail Reading", "navigationBarTextStyle": "black"}, "tabBar": {"color": "# 999999", "selectedColor": "# 444444", "backgroungColor": "# ffffff", "borderStyle": "# e0e0e0" "list": [{"pagePath": "pages/leader/leader", "iconPath": "assets/icons/lingdu.png", "selectedIconPath": "assets/icons/lingdu_sel.png", "text": "read"}, {"pagePath": "pages/stack/stack", "iconPath": "assets/icons/stack.png" "selectedIconPath": "assets/icons/stack_sel.png", "text": "Classification"}, {"pagePath": "pages/bookdesk/bookdesk", "iconPath": "assets/icons/bookdesk.png", "selectedIconPath": "assets/icons/bookdesk_sel.png", "text": "desk"} {"pagePath": "pages/mine/mine", "iconPath": "assets/icons/mine.png", "selectedIconPath": "assets/icons/mine_sel.png", "text": "my"}]}

What if Mini Program TabBar does not appear?

There are two ways to solve the problem that Mini Program TabBar does not appear:

The first page in 1.pages must be configured in the list array, so add a dictionary object to the lists array. {"pagePath": "pages/index/index", "iconPath": "assets/icons/index.png", "selectedIconPath": "assets/icons/index_sel.png", "text": "Home"}

But my TabBar doesn't want to have this item display, so let's look at the second solution.

The first item of the 2.pages array must be a member of tabBar's list array:

Here's a puzzle:

Baidu has a solution, showing the module item that adds index to the list array, and then does not want the index module to be displayed in TabBar, and then delete and run again, the problem is solved, and the first item that does not set up the pages array must be a member of tabBar's list array.

Read here, this "Mini Program TabBar does not appear how to solve" article has been introduced, want to master the knowledge of this article still need to practice and use to understand, if you want to know more about the article, welcome to follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.