ionic1-ios-刘海屏头部显示问题

jiezi

5 年前

如果你用 ionic v1 开发 ios app 时，将 app 安装到有刘海屏的 iPhone 上，出现刘海屏占据 statusbar 部分空间，导致状态栏或事 header 上的按钮（如返回键，操作键）无法点击，可以修改 config.xml 配置文件。

打开 xcode，找到工程项目下根目录的 config.xml 和 Staging 文件夹下的 config.xml 文件，

第一步，修改根目录下的 config.xml

 在 <platform name="ios"> 标签最后添加 <preference name="StatusBarOverlaysWebView" value="false" />
如
<platform name="ios">
    <preference name="StatusBarOverlaysWebView" value="false" />
</platform>

第二步，修改 Staging 文件夹下的 config.xml

 添加 <preference name="StatusBarOverlaysWebView" value="false" />