uni-app 之去掉顶部导航

左手的ㄟ右手 2023-10-16 12:41 94阅读 0赞

uni-app 之 去掉顶部导航  
uniapp怎么样去掉顶部导航

![17a2f14aa13448c1b3eee6c438ff7254.png][]

uniapp去掉顶部导航的方法：  
1、去掉所有导航栏；  
2、单一页面去掉顶部导航栏。

--------------------

--------------------

![format_png][]

image.png

uniapp去掉顶部导航的方法：

1、去掉所有导航栏

"globalStyle": {
            "navigationBarTextStyle": "black",
            "navigationBarTitleText": "uni-app",
            "navigationBarBackgroundColor": "#F8F8F8",
            "navigationStyle": "custom",
            "app-plus": {
                "titleNView": false
            }
        },

![format_png 1][]

image.png

2、单一页面去掉顶部导航栏

在pages.json中配置：

, {
          "path": "pages/ldy_home/ldy_home",
          "style": {
            "navigationBarTitleText": "",
            "enablePullDownRefresh": false,
            "navigationStyle": "custom",
            "app-plus": {
              "titleNView": false
            }
          }
        },

[17a2f14aa13448c1b3eee6c438ff7254.png]: https://img-blog.csdnimg.cn/17a2f14aa13448c1b3eee6c438ff7254.png
[format_png]: https://img-blog.csdnimg.cn/img_convert/d1f50cacbbc4fea37d913777ad2aac92.webp?x-oss-process=image/format,png
[format_png 1]: https://img-blog.csdnimg.cn/img_convert/aca3c3a2749997b16ad1b141fd4b8c7b.webp?x-oss-process=image/format,png

发表评论取消回复

表情：

评论列表（有 0 条评论，94人围观）

还没有评论，来说两句吧...

相关阅读

相关 uni-app 之去掉顶部导航

uni-app 之去掉顶部导航 uniapp怎么样去掉顶部导航 ![17a2f14aa13448c1b3eee6c438ff7254.png][] uniapp去掉顶

左手的ㄟ右手/ 2023年10月16日 12:41/ 0 赞/ 95 阅读

相关 uniapp添加顶部导航栏并且使用iconfont图标

一、在阿里矢量图选择自己喜欢的图标，然后点击收藏二、右上角下载全部已经收藏了的图标代码三、在编辑器打开已经下载的文件,把文件里的iconfont.ttf丢到项目stat

短命女/ 2023年10月04日 19:09/ 0 赞/ 128 阅读

相关 uniapp 顶部的原生导航栏设置下边框

pages.json中，设置app-plus { "path" : "pages/login/login", "style" :

小灰灰/ 2023年06月15日 04:59/ 0 赞/ 64 阅读

相关 uniapp修改顶部导航标题navigationBarTitleText

方式一：在pages.json中，pages配置当前页面下的style==>navigationBarTitleText即可。 "pages": [

冷不防/ 2023年03月05日 06:26/ 0 赞/ 80 阅读

相关 uniapp之自定义顶部样式

> 当我们在实际项目过程中，有些时候的ui设计图顶部的显示不是原生的样子，这时候就需要自定义了 ![watermark_type_ZmFuZ3poZW5naGVpdGk_sh

叁歲伎倆/ 2023年01月22日 03:59/ 0 赞/ 51 阅读

相关 android 去掉顶部状态栏

在anroid 的AndroidManifest.xml里添加 <application android:theme="@android:style/

向右看齐/ 2022年04月10日 08:55/ 0 赞/ 387 阅读

相关小程序webview去掉顶部导航顶部导航颜色设置

"window": { "backgroundTextStyle": "light", "navigationBarBackground

港控/mmm°/ 2021年09月18日 16:22/ 0 赞/ 1896 阅读

相关 uniapp 任务栏顶部导航适配

uniapp 任务栏顶部导航适配一、问题说明： 1、问题：手机型号不一样头部导航显示样式和高度都不一样，例如：刘海屏、挖孔屏 2、解决思路：

ゝ一世哀愁。/ 2021年09月18日 06:12/ 0 赞/ 634 阅读

相关 uni-app去掉页面顶部的导航栏

找到文件 pages.json，增加代码 "style":{ "navigationStyle":"custom", "app-plu

亦凉/ 2021年08月31日 00:34/ 0 赞/ 604 阅读

相关 rn 顶部导航栏

(1)安装 yarn add @react-navigation/native yarn add react-native-gesture-hand

逃离我推掉我的手/ 2021年07月24日 12:45/ 0 赞/ 811 阅读