微信小程序学习（六）：隐藏单个页面的标题栏（导航栏）

最新推荐文章于 2024-06-19 15:11:17 发布
最新推荐文章于 2024-06-19 15:11:17 发布
阅读量1.2w 收藏 6
点赞数 1
分类专栏： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yys190418/article/details/97932574
版权

隐藏单个页面的标题栏（导航栏）

这个问题我遇见很久了，一直没有解决，一开始我看网上说是目前不支持，
今天看的时候，突然发现了好多说怎么做的，以下是解决办法，

请坚持看完

首先就是代码

"navigationStyle": "custom"

这个放到需要隐藏的页面，我放上去之后是这个样子的
在这里插入图片描述
本来以为不好使，但是看了看文档，文档上说是在微信7（好像是6.6，具体忘了）版本后就支持了，
所以就真机预览了一下，
结果就好使了，放图片
在这里插入图片描述
结果就好使了，原来是电脑的版本不对，电脑不支持，
个人设置完了真机预览或真机调试看看就行了

亏我一开始以为不能用，还耽误这么久

July twelve
关注
  • 1
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
关于webview用法 以及全屏和隐藏标题栏
radishkill的博客
02-07 7924
用findViewById得到WebView的实例 requestWindowFeature(Window.FEATURE_NO_TITLE);//隐藏标题栏 getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);
微信小程序自定义导航栏
10-30
微信小程序提供了丰富的API和事件，如`wx.setNavigationBarTitle`用于动态修改导航栏标题，`wx.hideNavigationBarLoading`和`wx.showNavigationBarLoading`控制加载指示器的显示，以及`onReachBottom`事件，可以监听...
微信小程序自定义头部标题导航栏
05-24
* 参数： * show: 显示导航标题栏，默认显示 * title: 导航栏标题 * bgColor: 导航栏背景颜色，默认透明'transparent' * noSticky: 取消导航栏粘性布局(不占头部导航栏位置)，默认不取消 * opacity: 导航栏透明度，默认1不透明 * showNavBtn: 是否显示左侧导航按钮，默认true显示 * navIcon: 用户自定义导航按钮图标路径 * navHome: 导航按钮为主页home，与返回back互斥，默认false显示返回back * 外部样式类：(使用时注意权重，添加外部样式类无效果的时候，给类加点权重就可以了) * custom-icon-class: 标题左侧图标外部样式类 * custom-title-class: 标题外部样式类 * custom-root-class: 根节点外部样式类 * 事件： * onBack: 用户点击左上角返回按钮后回调 * onHome: 用户点击左上角Home按钮后回调 * onIcon: 用户点击自定义icon
h5嵌入web-view碰到的坑
qq_44333822的博客
11-30 1186
微信小程序中h5嵌入web-view碰到的坑
微信小程序---隐藏导航栏加载框和停止下拉动作
最新发布
weixin_51494148的博客
06-19 109
微信小程序—隐藏导航栏加载框和停止下拉动作。
微信小程序去掉navigationBar
judicator0301的博客
01-20 1713
去掉指定页面的navigationBar 就在指定页面的json配置文件中navigationStyle设置为custom "navigationStyle": "custom"
小程序页面顶部标题栏、导航栏navigationBar如何隐藏、变透明？
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
07-10 5769
小程序顶部的白色背景条就不见了，直接变透明，只剩下右上角的胶囊按钮。
微信小程序隐藏标题栏navigationBar的方法
热门推荐
php全栈程序员，小李子9479。编程培训，提供产品级插件，
08-02 2万+
未隐藏前： 在app.json里面window选项里面设置一下： 最终显示效果： 这样就没有了标题栏
微信小程序怎么隐藏顶部导航栏（navigationBar）变透明的解决方案
南通SEO
09-12 2789
怎么隐藏小程序顶部导航栏（navigationBar）？Navigation是小程序的顶部导航组件，当页面配置设置为custom的时候可以使用此组件替代原生导航栏。
uniapp开发微信小程序之隐藏头部导航栏
only_zing的博客
05-29 3045
微信小程序自定义头部导航栏、局部或全局隐藏导航栏
小程序自定义单页面、全局导航栏的实现代码
11-29
在微信小程序开发中，有时需要根据产品的特定需求和UI设计来调整默认的界面元素，比如导航栏。在本文中，我们将探讨如何实现自定义单页面和全局导航栏，包括添加返回首页按钮以及设置背景图片。 首先，为了实现...
131-微信小程序-体育新闻赛事数据.zip
06-11
2. 导航栏设置：自定义导航栏，通过app.json或page.json配置全局或单个页面的导航栏样式，包括颜色、文字、图标等。 五、源代码分析 在000.pdf中，可能包含了小程序的源代码结构分析、关键代码解释以及开发者需要...
微信小程序源码
01-09
app.json: 小程序公共设置，导航栏颜色等，不可以注释 app.wxss :小程序公共样式，类CSS 。每一个小程序页面是由同路径下同名的四个不同后缀文件的组成，如：index.js、index.wxml、index.wxss、index.json。 这四个...
微信小程序自定义头部导航
04-29
在微信小程序开发中，为了提供更个性化的用户体验和符合品牌风格的设计，开发者有时会遇到微信自带的导航栏样式无法满足需求的情况。此时，就需要通过自定义头部导航组件来实现更自由、更丰富的导航栏设计。本文将...
微信小程序开发：取消标题栏，让小程序页面变得更UI
weixin_52312427的博客
02-28 658
开发小程序的时候发现将传统风格的应用作为主页太丑了，所以想取消标题栏。那如何取消？
原生微信小程序 使用默认导航栏 特定页面隐藏导航栏左侧的返回/home按钮 - wx.reLaunch + wx.hideHomeButton
m0_48968874的博客
04-29 482
使用微信小程序的默认导航栏，在特定页面隐藏导航栏左侧的返回/home按钮效果。
微信小程序-隐藏和显示自定义的导航
weixin_33691817的博客
06-13 498
微信小程序中不能直接操作window对象，document文档，跟html的树结构不相同。 实现类似导航的隐藏显示，如图效果： 点击网络显示或隐藏网络中包含的内容。其他类似。 如果是jquery很方便实现，能直接操作document。在微信小程序中实现思路是：在逻辑层定义变量，通过setData赋值。 方法一：通过变量直接赋值，给每一个要控制显示的view定义变量 .wxml 代码：...
微信小程序之实现页面顶部导航栏透明、隐藏效果（navigationBar）欢迎点赞收藏
XH_jing的博客
06-08 2万+
我们在开发微信小程序的过程中大家都知道，导航栏的颜色可以在 app.json 中的 window 属性里面添加 navigationBarBackgroundColor 属性，但是里面的颜色只能为纯色，不能使用 rgb 颜色，或者 rgba 的色号。 需求分析 但是有时候我们想要实现这种效果，想要让顶部的导航栏透明隐藏，这个时候就需要发动我们的小脑筋想一下要如何实现了。 我们可以看一下官网是否有此类方法：Navigation 官网说：Navigation是小程序的顶部导航组件，当页面配置 navigat
【小程序】微信小程序取消全局或单个页面的标题栏
LuviaWu的博客
06-21 5095
1、取消全部标题栏： 在app.json里的window加上：navigationStyle:custom 。顶部导航栏就会消失,保留右上角胶囊状的按钮 "window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#444", "navigationBarTitleText": "小程序名字", "navigationBarTextStyle": "white", "na
微信小程序实战：豆瓣电影API集成与导航栏定制
3. **界面定制**: 作者对小程序的navigationBar（导航栏）进行了个性化设置，包括背景颜色、标题文字和样式，这表明开发者已经掌握了小程序界面设计的基本技巧，以及如何通过`app.json`配置文件来统一管理这些全局...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值