uniapp navigationStyle

在uniapp中，navigationStyle是用来设置页面的导航栏样式的配置项。它有两种取值：default和custom。default表示使用默认的原生导航栏样式，而custom表示取消默认的原生导航栏，使用自定义的导航栏样式，只保留右上角的胶囊按钮。

可以通过在pages.json中的style字段来配置每个页面的导航栏样式，如果页面中有配置项，会覆盖globalStyle中相同的配置项。例如，在pages.json中的pages数组中，可以给每个页面设置navigationStyle为custom，来使用自定义的导航栏样式。

在自定义导航栏的写法中，可以使用template标签来包裹导航栏的内容，通常包括状态栏和导航栏的文字内容。可以通过设置class属性来设置导航栏的样式，比如设置高度和宽度。

综上所述，navigationStyle是uniapp中用来设置页面导航栏样式的配置项，通过配置pages.json文件中的style字段来实现。可以选择使用默认的原生导航栏样式（default）或者取消默认的原生导航栏，使用自定义的导航栏样式（custom）。具体的自定义导航栏的写法可以通过template标签来实现，并在其中设置相应的样式。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [uni-app 小程序自定义导航栏](https://blog.csdn.net/weixin_44711440/article/details/116486458)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [uniapp video视频层级过高 遮挡顶部导航 页面弹窗 使用原生子窗体解决问题](https://download.csdn.net/download/weixin_42216995/87842998)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]