Get the App
SLTechnology News&Howtos  ›  Development  › 

How to set the title bar and navigation bar in WeChat Mini Programs

Shulou Source: shulou.com Published: 2022-05-31 23:02:29 10月03日 Update

The knowledge points of this article "how to set the title bar and navigation bar in WeChat Mini Programs" are not quite understood by most people, so the editor summarizes the following contents for you. The content is detailed, the steps are clear, and it has a certain reference value. I hope you can get something after reading this article. Let's take a look at this "how to set the title bar and navigation bar in WeChat Mini Programs" article.

Set the title block

Title bar window

In the app.json file, set it through the properties in the window object

Example:

App.json:

Run:

Set up the navigation bar

Navigation bar TabBar

If our Mini Program is a multi-tab application (there is a tab bar at the bottom or top of the client window to switch pages), then we can specify the performance of the tab bar through the tabBar configuration item and the corresponding page to display when tab switches.

Tip: a page reached by wx.navigateTo or wx.redirectTo, even if it is a page defined in the tabBar configuration, does not display the tab bar at the bottom.

TabBar is an array, and you can only configure at least 2 and up to 5 tab,tab to sort in the order of the array.

Example:

App.json:

Run:

The above is about the content of this article on "how to set up the title bar and navigation bar in WeChat Mini Programs". I believe we all have a certain understanding. I hope the content shared by the editor will be helpful to you. If you want to know more about the relevant knowledge, please follow the industry information channel.

Tags: Page title navigation content program configuration bottom array article knowledge example article switch run value can pass most customer client object Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno MariaDB macOS Linux Microsoft Shulou Information