Home > Article > Web Front-end > 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!