UITableView顶部突然出现一块空白问题

简介: UITableView顶部突然出现一块空白问题

有一天突然测试和我说页面布局有问题,但是在我的测试机中并没有复现这个问题。但是在测试那边确实复现了。
经过调研,如果你发现你的tableview 的section header总是有一片空白,那是因为
在iOS15后。UITableView多了一个属性sectionHeaderTopPadding,该值默认为22。
我们只需要把这个值设置为0,就能解决顶部空白的问题。

一共有三种解决方式:

  1. 对于自己项目中的UITableView有自定义封装的话:
    /// iOS 15 UITableView顶部空白解决方案
    if (@available(iOS 15.0, *)) {
     self.sectionHeaderTopPadding = 0.0;
    } else {
     // Fallback on earlier versions
    }
    
  2. 全局设置
    /// iOS 15 UITableView顶部空白解决方案
    if (@available(iOS 15.0, *)) {
     UITableView.appearance.sectionHeaderTopPadding = 0.0;
    } else {
     // Fallback on earlier versions
    }
    
  3. 设置单独的页面
    if (@available(iOS 15.0, *)) {
     tableView.sectionHeaderTopPadding = 0.0;
    } else {
     // Fallback on earlier versions
    }
    
相关文章
|
小程序 开发者
小程序顶部自定义导航栏添加背景图的实现
小程序顶部自定义导航栏添加背景图的实现
219 0
|
10月前
|
小程序
小程序页面顶部标题栏、导航栏navigationBar如何隐藏、变透明?
小程序页面顶部标题栏、导航栏navigationBar如何隐藏、变透明?
|
7月前
|
前端开发 JavaScript
基于Vue3实现鼠标按下某个元素进行拖动,实时改变左侧或右侧元素的宽度,以及点击收起或展开的功能
本文介绍了如何在Vue3项目中实现一个鼠标拖动调整元素宽度的功能,并展示了点击按钮收起或展开侧边栏的效果,提供了完整的实现代码和操作演示。
1090 0
|
8月前
|
JavaScript 容器
Vue 动画 —— 滑动切换动画 / 滑动翻页过渡动画——从顶部到底部、从底部到顶部、从左侧到右侧、从右侧到左侧
Vue 动画 —— 滑动切换动画 / 滑动翻页过渡动画——从顶部到底部、从底部到顶部、从左侧到右侧、从右侧到左侧
878 0
|
9月前
技术好文:UITableView(可滚动到顶部和底部)
技术好文:UITableView(可滚动到顶部和底部)
49 0
|
10月前
SVProgressHUD弹出框总是显示在屏幕左上角问题
SVProgressHUD弹出框总是显示在屏幕左上角问题
129 0
UILabel的文字在左上角显示
UILabel的文字在左上角显示
325 0
UILabel的文字在左上角显示
|
JavaScript 前端开发
菜单栏底部线条切换效果(标题滚动居中显示)
菜单栏底部线条切换效果(标题滚动居中显示)
195 0
|
JavaScript 前端开发
鼠标拖拽菜单栏控制宽度大小及flex实现经典左右两栏布局
鼠标拖拽菜单栏控制宽度大小及flex实现经典左右两栏布局