Swift带透明背景的模态视图控制器在Tab Bar场景下显示异常咨询

这个问题我之前做项目时也踩过坑！原因是你用的.OverCurrentContext（Swift 3及以后版本是小写开头的.overCurrentContext）在TabBarController的子页面中，只会覆盖当前ViewController的视图范围，而TabBar属于父级TabBarController的视图层级，所以透明模态视图的底部会和TabBar出现重叠，看起来就像是“超出”了预期的显示区域。

给你两个实用的修复方案：

方案一：改用overFullScreen模态呈现样式 #

把模态呈现样式改成.overFullScreen，它会让模态视图覆盖整个屏幕（包括TabBar所在的区域），同时保留背景透明的效果，完美解决和TabBar的重叠问题。修改后的代码如下：

func showModal() { 
    let modalViewController = ModalViewController() 
    // 替换为overFullScreen（旧版本Swift可使用.OverFullScreen）
    modalViewController.modalPresentationStyle = .overFullScreen 
    present(modalViewController, animated: true, completion: nil) 
} 

class ModalViewController: UIViewController { 
    override func viewDidLoad() { 
        super.viewDidLoad() // 原代码遗漏了super调用，记得补上避免生命周期问题
        view.backgroundColor = .clear 
        view.isOpaque = false 
    } 
}

方案二：设置父控制器的definesPresentationContext #

如果坚持要用overCurrentContext，你需要在要弹出模态的那个TabBar子ViewController里添加definesPresentationContext = true，这样模态视图会被限制在当前ViewController的视图范围内，不会延伸到TabBar区域：

// 在你要present模态的TabBar子ViewController中
override func viewDidLoad() {
    super.viewDidLoad()
    definesPresentationContext = true
}

// 你的showModal方法可以保持原样式
func showModal() { 
    let modalViewController = ModalViewController() 
    modalViewController.modalPresentationStyle = .overCurrentContext 
    present(modalViewController, animated: true, completion: nil) 
} 

内容的提问来源于stack exchange，提问作者Abhishek Thapliyal