Uniapp隐藏顶部标题栏

已于 2024-04-23 14:09:41 修改
阅读量1.8k 收藏 3
点赞数 7
文章标签： java 前端 服务器
于 2024-04-23 14:08:25 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Code_0015/article/details/138123823
版权
博客介绍了小程序和网页中 'navigationStyle' 设为 'custom' 的设置，以及 APP 里通过 'path' 指定首页，'style' 中 'app-plus' 下 'titleNView' 设为 false 来禁用原生导航栏的内容，且 APP 设置测试可用。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

"navigationStyle": "custom"（小程序和网页）

或

"path": "pages/index/index", //首页  
"style": {  
  "app-plus": {  
    "titleNView": false //禁用原生导航栏  
  }  
}

（APP，测试可用）

Code_0015
关注
关于uni-app 配置 APP 不显示顶部标题栏设置
代码青春
10-12 1万+
uni-app 可以配置navigationStyle为custom隐藏顶部标题栏，这样我们需要自己实现应用顶部的导航，但是在 SwitchTab 也本来就不需要导航，所以可以放心大胆的隐藏掉，HTML5 和 小程序都可以很好的表现，但是 APP 似乎这样设置无效。 "navigationStyle": "custom" 通过查看开发文档，发现应该这样配置： "path": "pages/index/index", //首页 "style": { "app-plus": ...
uniapp中view标题栏显示隐藏
m0_49714202的博客
05-28 2542
<template> <view class="page"> <view class="box"> <view>一级导航栏✔</view> <view class="list"> <view>二级导航栏</view> <view>三级导航栏</view> <view>四级导航栏</view> <view>
uni-app去除页面头部的标题栏
weixin_45966674的博客
03-01 4525
我们只需要在pages.json中 指定page的 style中加入。配置在我们项目根目录的 pages.json中。uniapp项目 每个界面都会有一个标题栏。对应的page 就没有这个标题栏了。上面还是有一条黑的 体验非常差。
uniapp 去除顶部导航栏（隐藏导航栏）
最新发布
Binglianxiaojiao的博客
03-26 2243
开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。在具体路由下面的style中配置 "navigationStyle":"custom"3、根据平台去除导航栏（举例H5端）全部配置都在page.json文件。1、全平台去除导航栏。2、单页面去除导航栏。
uniapp如何隐藏默认的页面头部导航栏，uniapp开发小程序如何隐藏默认的页面头部导航栏
小李在努力学习
07-07 2299
如何在UniApp中通过设置pages.json的navigationStyle属性为custom来隐藏默认的头部导航栏，同时提及了这种方法在原生小程序中的应用。
uniapp开发小程序H5页面顶部导航栏navigationBar如何隐藏？三种解决办法
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
06-15 2万+
【代码】uniapp开发小程序H5页面顶部导航栏navigationBar如何隐藏？
uni-app隐藏顶部导航栏
卿本无忧的博客
08-19 1万+
uni-app隐藏顶部导航栏
uniapp关于支付宝小程序或钉钉小程序标题栏自定义.txt
12-30
这样设置后，页面的默认标题栏将被隐藏，接下来就可以自定义标题栏了。 ##### 3.2 自定义标题栏 接下来，在页面中自定义标题栏。这里提供了一个简单的示例代码： ```html <!-- 状态栏高度 --> ...
uniapp隐藏顶部导航栏
09-01
在Uniapp中隐藏顶部导航栏有多种方法可以实现。其中一种方法是在pages.json中配置"navigationBarStyle"为"custom"，并设置"navigationBarTitleText"为所需的标题。这样可以使用自定义导航栏样式来替代原生导航栏。...
uniapp 隐藏顶部状态栏
10-13
在uniapp中隐藏顶部状态栏可以通过在页面的json配置文件中设置"navigationBarHidden": true来实现。 示例代码： ```json { "navigationBarTitleText": "页面标题", "navigationBarBackgroundColor": "#ffffff", ...
uni-app自定义导航栏按钮|uniapp仿微信顶部导航条功能
12-13
最近一直在学习uni-app开发，由于uniapp是基于vue.js技术开发的，只要你熟悉vue，基本上很快就能上手了。 在开发中发现uni-app原生导航栏也能实现一些顶部自定义按钮+搜索框，只需在page.json里面做一些配置即可。设置app-plus，配置编译到App平台的特定样式。dcloud平台对app-plus做了详细说明：app-plus配置，需注意 目前暂支持H5、App端，不支持小程序。 在page.json里配置app-plus即可 { "path": "pages/ucenter/index", "style": { "navigationBarTitleT
uniapp自定义弹窗时去掉title栏
热门推荐
凭时间赢来的东西，时间肯定会为之作证
11-21 6万+
最近在微信小程序项目中有这么一个需求，当点击页面中某一个元素时，调起弹窗显示相应的组件并且隐藏掉`title`栏，点击组件中的关闭图标时，弹窗销毁并显示相应的`title`栏。找了一下发现好多都不太对，于是记录下实现过程。
uniapp 关闭顶部导航栏
qq_59054812的博客
02-28 3144
有两种方法可以关闭顶部导航栏，在 pages.json 文件里配置。这两种方法最终的效果是一样的，没什么太大区别。
uni 隐藏顶部标题栏
PlasticsShaT的博客
01-20 1802
单个页面不显示顶部标题栏，如下图 所有页面不显示顶部标题栏 "globalStyle": "navigationStyle": "custom", "app-plus": { "scrollIndicator": false //禁用原生导航栏 } }
uniapp小程序中隐藏顶部导航栏和指定某页面去掉顶部导航栏小程序
weixin_66071584的博客
01-09 1089
如果是指定某个页面关闭顶部导航栏，在style中添加"navigationStyle": "custom"uniapp+vue3开发小程序过程中隐藏顶部导航栏和指定某页面去掉顶部导航栏方法。在page.json中。
Uniapp设置顶部导航栏隐藏
m0_72189003的博客
12-15 953
【代码】Uniapp设置顶部导航栏隐藏。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值