Package Exports

@nativescript-community/ui-drawer

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@nativescript-community/ui-drawer) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Welcome to NativeScript drawer plugin

A NativeScript Plugin for Android apps.

install

tns plugin add @nativescript-community/ui-drawer

usage

Core

<Page xmlns:nsDrawer="@nativescript-community/ui-drawer" xmlns="http://www.nativescript.org/tns.xsd">
    <nsDrawer:RadSideDrawer id="sideDrawer">
      <nsDrawer:RadSideDrawer.leftDrawer>
        <GridLayout width="200"/>
      </nsDrawer:RadSideDrawer.leftDrawer>
      <nsDrawer:RadSideDrawer.rightDrawer>
        <GridLayout width="69%"/>
      </nsDrawer:RadSideDrawer.rightDrawer>
      <nsDrawer:RadSideDrawer.mainContent>
        <GridLayout />
      </nsDrawer:RadSideDrawer.mainContent>
    </nsDrawer:RadSideDrawer>
</navigation:ExamplePage>

Vue

import DrawerPlugin from '~/components/drawer/vue';
Vue.use(DrawerPlugin);

then use:

<Drawer>
  <StackLayout ~leftDrawer />
  <StackLayout ~rightDrawer />
  <StackLayout ~mainContent />
</Drawer>

Angular

import { DrawerModule } from "@nativescript-community/ui-drawer/angular";
@NgModule({
    imports: [
        DrawerModule
    ]
    schemas: [
        NO_ERRORS_SCHEMA
    ]
})
export class AppModule { }

then use:

<Drawer>
    <GridLayout tkLeftDrawer width="70%">
    </GridLayout>

    <GridLayout tkRightDrawer width="200">
    </GridLayout>

    <page-router-outlet tkMainContent></page-router-outlet>
</Drawer>