使用电容器在iOS应用构建中滚动时如何防止内容显示在安全区域上方？

Posted 2023-02-23

【中文标题】使用电容器在iOS应用构建中滚动时如何防止内容显示在安全区域上方？

【英文标题】：How to Prevent content displayed above the safe area when scrolled in iOS app build using capacitor?

【发布时间】：2020-07-10 05:38:10

【问题描述】：

我正在使用没有离子的电容器从我的 Angular 项目中构建一个移动应用程序。 由于该应用程序在 iPhone 中进入全屏模式，因此该应用程序与我在电容器.config.json 中配置的状态栏重叠为 “ios”： “contentInset”：“自动”

添加 contentInset: automatic 后，我的布局已正确放置。 但是当我向上滚动时，滚动的内容会显示在状态栏中，因为 iphone 有透明的状态栏。 滚动时有什么办法可以隐藏状态栏中的滚动内容？

【参考方案1】：

你需要设置：

scrollView.clipToBounds = true

【讨论】：

我正在使用电容器将我的 Angular 项目转换为 ios 应用程序。

尝试更改 "contentInset": "automatic" -> "contentInset": "automatic", "clipToBounds" : true 或 "contentInset": "automatic", "clipToBounds" : "true"

试一试，我认为它有效，因为 contentInset 是一个与 clipToBounds 相同的属性