nativescript-statusbar

状态栏插件 Android 平台

此插件目前仅适用于Android平台

安装

从命令提示符转到您的应用程序根目录，并执行

tns plugin add nativescript-plugin-statusbar

示例

如果您想要快速入门，请查看示例应用程序。使用以下命令在本地上运行

git clone https://github.com/olivierAdou/nativescript-plugin-statusbar
cd nativescript-plugin-statusbar/src
npm run demo.android

或者使用Angular进行演示查看示例Angular应用程序

git clone https://github.com/olivierAdou/nativescript-plugin-statusbar
cd nativescript-plugin-statusbar/src
npm run demo-angular.android

JavaScript

var statusbarPlugin = require("nativescript-plugin-statusbar");
var statusbar = new statusbarPlugin();

TypeScript

import { Statusbar } from "nativescript-plugin-statusbar";

class MyClass {
  constructor( private statusbar: Statusbar) {
  }
}

从app.module.ts中的TypeScript提供者

在名为app.module.ts的文件中，将插件类添加到提供者中，如下所示

import { Statusbar } from 'nativescript-plugin-statusbar';
@NgModule({
    bootstrap: [
        AppComponent
    ],
    imports: [
        NativeScriptModule,
        AppRoutingModule
    ],
    declarations: [
        AppComponent
    ],
    providers : [Statusbar],
    schemas: [
        NO_ERRORS_SCHEMA
    ]
})
export class AppModule { }

如果一切正常，我可以告诉您，您已经准备好使用此插件了

setNavigationBarColor

此函数将允许您为状态栏指定颜色

此函数需要一个参数，即十六进制颜色代码（例如'#000'）

    this.statusbar.setNavigationBarColor(codecolor);

setStatusBarColor

更改状态栏的颜色。

此函数需要一个参数，即十六进制颜色代码（例如'#000'）

    this.statusbar.setStatusBarColor(codecolor);

setNavigationBarColorTransparent

设置导航栏为透明

    this.statusbar.setNavigationBarColorTransparent();

setStatusBarColorTransparent

设置状态栏为透明

    this.statusbar.setStatusBarColorTransparent();

hideStaturbar

隐藏状态栏

    this.statusbar.hideStaturbar();

hideNavigationBar

隐藏导航栏

    this.statusbar.hideNavigationBar();

enableFullScreen

该方法基于此接口

export interface FullScreen {
  leanBack(): any;
  immersive(): any;
  stickyImmersive(): any;
}

有三个方法称为leanBack、immersive、stickyImmersive

leanBack

Lean back模式适用于全屏体验，其中用户不会与屏幕进行大量交互，例如观看视频时。

当用户想要恢复系统栏时，他们只需在任何地方轻触屏幕即可。

要启用Lean Back模式，请调用

    this.statusbar.enableFullScreen.leanBack();

immersive

沉浸模式旨在用于用户将与屏幕进行大量交互的应用程序。例如，游戏、在画廊中查看图像或阅读分页内容，如书籍或演示文稿中的幻灯片。

当用户需要恢复系统栏时，他们需要从隐藏系统栏的任何边缘滑动。通过要求这种更故意的手势，用户的参与不会被意外的触摸和滑动中断。

要启用沉浸模式，请调用

    this.statusbar.enableFullScreen.immersive();

stickyImmersive

在常规沉浸模式下，任何用户从边缘滑动时，系统都会负责显示系统栏——您的应用程序甚至不会意识到手势发生了。因此，如果用户可能需要作为主要应用程序体验的一部分从屏幕边缘滑动——例如在需要大量滑动操作的游戏中或使用绘图应用程序时——您应该启用“粘性”沉浸模式。

在粘性沉浸模式下，如果用户从带有系统栏的边缘滑动，系统栏将显示，但它们是半透明的，并且触摸手势会传递到您的应用程序，以便您的应用程序也可以响应该手势。

要启用粘性沉浸模式，请调用

    this.statusbar.enableFullScreen.stickyImmersive();