寻找维护者

此存储库正在寻找维护者。如果您有兴趣，请通过 https://twitter.com/ufsa 联系我

ngrx-devtools-nativescript

实现类似于 @ngrx/store-devtools 中可用的开发工具监视器，用于 NativeScript。

安装

npm i ngrx-devtools-nativescript

如何使用

首先，您应该使用 StoreModule.provideStore(...) 对 @ngrx/store 进行仪表化。有关如何操作的详细信息，请参阅 @ngrx/devtools 读取说明。

在您的应用程序（或其它）模块中导入 NativeScriptDevToolsMonitors 并通过导入 StoreDevtoolsModule.instrumentStore() 添加 store-dev-tools 仪表化

import { NgModule } from "@angular/core";
import { StoreModule } from '@ngrx/store';
import { NativeScriptDevToolsMonitors } from "ngrx-devtools-nativescript";
import { StoreDevtoolsModule } from '@ngrx/store-devtools';

@NgModule({
  imports: [
    NativeScriptModule,
    NativeScriptDevToolsMonitors,
    StoreModule.provideStore({ ... }),
    StoreDevtoolsModule.instrumentStore()
  ],
  declarations: [AppComponent],
  bootstrap: [AppComponent]
})
class AppModule { };

在您的应用程序中（最佳位置为视觉树的根）使用 <ns-dock-monitor> 组件。

import { NSDockMonitor } from "ngrx-devtools-nativescript";

@Component({
    selector: "my-app",
    directives: [NSDockMonitor],
    template: `
    <grid-layout>
        //...
        <ns-dock-monitor screenCover="0.5"></ns-dock-monitor>
    </grid-layout>`
})
export class AppComponent {
    //...
}

您可以使用 screenCover 属性指定屏幕上应被开发工具滑动覆盖的部分。

示例

示例项目

使用 Vanilla JS {N} App 的纯 Redux 示例

reduxDemo