nativeScript-ngx-iphonex-safe-area

{N} + Angular 指令，用于实现安全区域边距或填充，尤其是在 iPhone X 上。

安装

tns plugin add nativescript-ngx-iphonex-safe-area

使用

在您的应用程序模块中导入模块

import { NgiPhoneXSafeAreaModule } from 'nativescript-ngx-iphonex-safe-area';

@NgModule({
    imports: [
        NgiPhoneXSafeAreaModule,
        // ...
    ],
    // ...
})
export class MyModule { }

根据您的项目导入 CSS 或 SCSS 文件

如果您的项目使用传统的 CSS，导入指令将应用于视图的类如下...

@import 'nativescript-ngx-iphonex-safe-area/css/iphonex.css';

如果您的项目使用 SCSS，使用以下语法导入类...

@import '~nativescript-ngx-iphonex-safe-area/scss/iphonex';

最后在模板中使用它，如下所示

 <GridLayout iPhoneX [mind]="['left', 'right', 'bottom']" [padding]="true"></GridLayout>

结果将类似于这样...

注意那些蓝色的区域？嗯，那些就是安全区域！

如果您想快速入门，请查看示例应用程序。

我保证，这不会破坏除 iPhone X 以外的设备上的应用程序。

• 关于我

API

许可证

Apache 许可证版本 2.0，2004 年 1 月