NativeScript 隐藏 Action Bar

描述

这是一个为 NativeScript Angular 版本的简单插件。使用它，您可以通过在任何组件元素中添加指令来隐藏任何视图的 ActionBar。

这对于 NativeScript 代码共享 项目非常有用，因为尝试在组件中访问 Page 对象会破坏您的 Web 构建。

安装

从您的项目根目录执行以下命令

tns plugin add @microexcel-csd/nativescript-hide-action-bar

使用方法

一旦插件添加到您的项目中，您需要将 HideActionBarModule 添加到您所需的特性模块或 SharedModule 的导入数组中

    import { HideActionBarModule } from '@microexcel-csd/nativescript-hide-action-bar';

    @NgModule({
        // ...
        imports: [
            HideActionBarModule,
            // ...
        ],
        // ...
    })
    export class SharedModule { }

注意：仅将 HideActionBarModule 导入到 AppModule 中是不行的。

之后，只需将指令添加到任何元素，如下所示

<Label hideActionBar text="Sayonara, ActionBar!"></Label>

您需要确保元素实际上存在于页面上。例如，嵌套在 *ngIf 中且评估为 false 的元素不会导致隐藏ActionBar。

支持我们的软件包