Nativescript-Angular-Drawer-Template
A starter template to quickly create nativescript angular projects with drawer pages.
Usage
tns create my-project-name --template nativescript-angular-drawer-template
Preview
Android
iOS
How To Change Menu Items
You can change the menu items of drawer from app/modules/shared/side-drawer-page/side-drawer-page.component.ts file as shown below:
navMenu: any[] = [
{ name: 'Home', commands: ['/'] },
{ name: 'About', commands: ['/about'] },
{ name: 'Contact', commands: ['/contact'] }
];
How To Create New Page
You just need to wrap the content template of the new page inside <side-drawer-page> tag as shown below:
<side-drawer-page>
<GridLayout>
<Label text="Hello World"></Label>
</GridLayout>
</side-drawer-page>
You can refer home, contact or about sample modules for reference.
-
NativeScript-Vue Global Drawer A Vue.js plugin that bootstrap the integration of RadSideDrawer in your NativeScript-Vue project. Declare your drawer once and access it everywhere through your componen
-
NativeScript Ng2 Drawer Seed Nativescript seed project with nativescript-telerik-uidrawer support integrated and ready to be used. To test the app just clone the repository and run: $ tns run android
-
NativeScript-Vue Multi Drawer A plugin which provides a drawer component that supports multiple drawers. All drawers are optional, and can be configured individually. Features: drawers on left, right,
-
NativeScript Angular This repository contains the code for integration of NativeScript with Angular. NativeScript is a framework which enables developers to write truly native mobile applications for
-
Nativescript Angular Web Starter A simple starter project to create native mobile and web apps with single shared code base using angular and nativescript. Check this Open Souce Cross Platform Quotes