How to cancel the native navigation bar in uniapp

Uniapp method to cancel the native navigation bar: 1. Configure [navigationStyle:custom] in [pages.json]; 2. Code settings ["navigationStyle":"custom","app-plus":{ "titleNView"].

The operating environment of this tutorial: windows7 system, uni-app2.5.1 version. This method is suitable for all brands of computers.

Recommended (free): uni-app development tutorial

How to cancel the native navigation bar in uniapp:

1. Cancel the uni-app native header navigation bar (cancel globally)

Remove all pages: configure navigationStyle:custom in pages.json => URL https://uniapp.dcloud.io/collocation/pages ?id=globalstyle

2. Single page cancellation

The new version of the mini program supports page->style configuration navigationStyle as custom =>URL https://uniapp.dcloud.io/collocation/ pages?id=style

App and h5 configure titleNView to false => URL https://uniapp.dcloud.io/collocation/pages?id=app-plus

You can also refer to Example of custom navigation bar in hello uni-app (note the top navigation bar occupancy)

Such as:

    {
     “page”:"pages/index/index",
      "style":{
       "navigationStyle":"custom",
       "app-plus":{
       "titleNView":false
       }
      }
    }

The above is the detailed content of How to cancel the native navigation bar in uniapp. For more information, please follow other related articles on the PHP Chinese website!