uni-app 之去掉顶部导航

左手的ㄟ右手 2023-10-16 12:41 5阅读 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 条评论，5人围观）

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

相关阅读

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

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

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

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

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

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

相关去掉uni-app顶部标题

单独的页面隐藏可以在pages.json里单独的路由style下面配置 “app-plus”: \{“titleNView”: false\} "path"

电玩女神/ 2022年11月21日 14:59/ 0 赞/ 200 阅读

相关 uniapp返回顶部按钮

上代码自己试验 <template> <view>  <image src="图片" class="

超、凢脫俗/ 2022年11月21日 04:05/ 0 赞/ 320 阅读

相关 android 去掉顶部状态栏

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

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

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

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

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

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

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

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

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

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

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

相关 flutter 顶部导航DefaultTabController

顶部导航需要将Scaffold组件包裹在DefaultTabController组件内 DefaultTabControlle

￡神魔★判官ぃ/ 2021年07月24日 14:21/ 1 赞/ 722 阅读

相关 rn 顶部导航栏

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

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