去掉navigationBar下的横线,以及产生的影响

关注

原创最新推荐文章于 2026-06-03 08:37:55 发布 788 阅读 AI 写同款· GEO 优化 ›

微信小程序顶部导航栏刘海屏的横线问题 { "pages": [ "pages/index/index" ], "window": { "backgroundColor": "#F6F6F6", "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#f2615b", "navigationBarTitleText": "云开发 QuickStart", "navigationBarTextStyle": "b. 阅读详情

需要两行代码:

//消除阴影,必须setBackgroundImage:forBarMetrics:才能让shadowImage生效
//同时会导致self.view的y变成64
[self.navigationController.navigationBar setBackgroundImage:[UIImage imageWithColor:HexColor(0x18A4B3, 1) size:CGSizeMake(1, 1)] forBarMetrics:UIBarMetricsDefault];
self.navigationController.navigationBar.shadowImage = [UIImage new];

原来那个横线不是普通的UIView,是个阴影效果,这真是史上最不像阴影的阴影...

UIBarMetricsDefault时,只要图片高度不为44就会扩展到状态栏,比如我生成的只有1像素的图片就是这样
需要注意的是UIBarMetricsDefault会导致self.view变成64,所以不要惊慌为什么布局突然莫名其妙有点乱

然后UIBarMetricsCompact UIBarMetricsDefaultPrompt UIBarMetricsCompactPrompt这三个我都试了下结果都是没有64的影响,但都是半透明白色,并且扩展到了状态栏,后来弄明白了, Compact是为横屏状态设置, Prompt是title上边有行字,当然这行字得自己设置:

self.navigationItem.prompt = @"我是prompt";

结果就被变成这样:

嗯,这么奇怪的东西,真是不知道谁会用到这个...

有人明白的话麻烦在评论里告诉我一下

收录于

iOS

标签

#iOS

去掉 TabBar 上部横线以及 navigationBar 下部横线的方法探讨在一些应用中需要将 TabBar 上部横线或者 navigationBar 下部横线取消掉，之前也尝试了多种方法，现将个人目前使用的方法列举如下，各位看官若是有更好的方案欢迎补充。 tabBar：直接将系统 tabBar 中所有的控件打印输出，会发现有如下控件（数量依据标签栏的数量不同而不同） ( ">", ">", ">", ">" ) 再结合阅读详情

去掉navigationBar下的横线,以及产生的影响

相关推荐