Home  >  Article  >  Web Front-end  >  How to cancel the native navigation bar in uniapp

How to cancel the native navigation bar in uniapp

coldplay.xixi
coldplay.xixiOriginal
2021-01-29 16:17:106405browse

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

How to cancel the native navigation bar in uniapp

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!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn