内容显示在安全区域 iOS Capcitor angular

Question

我正在使用电容器来构建这个 iOS 应用程序，但内容显示在安全区域。我在 app-header 或 body 标记中使用了许多 css。但他们都没有工作。我还安装了一个名为电容插件安全区但是在阅读他们的文档后可以理解该怎么做。

我将 angular 11 用于前端，将 .net 核心用于后端 api。

Answer 1

更改电容器.config 文件：

import { CapacitorConfig } from '@capacitor/cli';

const config: CapacitorConfig = {
appId: 'com.company.appname',
appName: 'My Capacitor App',
webDir: 'www',
ios: {
     contentInset: 'always',
     },

 };

export default config;

将 ios 设备的 contentInset 属性添加为“始终”。