With the advent of the mobile Internet era, more and more companies choose to develop their own mini programs to meet the needs of users. In the development of small programs, uniapp has become a popular technical framework. However, uniapp comes with a native navigation bar by default, which is not very convenient in some scenarios. So, how to remove the native navigation bar in the uniapp application? This article will introduce relevant methods to you.
Step 1: Set the page to full screen
In the process of removing the native navigation bar, the first step is to set the page to full screen. The specific implementation method is as follows:
Step 2: Use the mescroll-view component
to remove the native navigation At the same time, we also need to retain some functions of the native navigation bar, such as status bar, return button, etc. In uniapp, the mescroll-view component is provided, which can solve this problem very well.
The specific implementation method is as follows:
{ "pages": [ { "path": "pages/index/index", "style": { "navigationBarTitleText": "uni-app", "navigationBarBackgroundColor": "#f8f8f8" }, "usingComponents": { "mescroll-uni": "/static/mescroll-uni/mescroll-uni" } } ] }
Through the above steps, you can successfully remove uniapp The native navigation bar in the app while retaining functions such as status bar and back button. I hope to be helpful.
The above is the detailed content of How to remove the native navigation bar in uniapp. For more information, please follow other related articles on the PHP Chinese website!