Nativescript FOSS Sidedrawer
https://gitlab.com/burke-software/nativescript-foss-sidedrawer
This is a fork of https://github.com/gethuman/nativescript-sidedrawer/
This project continues support of nativescript-sidedrawer which may be useful to those who do not wish to use the proprietary Nativescript UI Sidedrawer. This package is free and open source and so it may be modified and packaged with GPL code. It is however not as polished as the UI Sidedrawer.
A Nativescript plugin that allows developers to simply integrate the infamous side drawer pattern.
iOS | Android |
---|---|
Features
- Smooth animations
- Pull from side of screen
- Rebound/bounce back open
- Tap off drawer to close
- Follows both Material and Human Interface guidelines
Installation
tns plugin add nativescript-foss-sidedrawer
Example
Import the plugin.
Build the drawer with TnsSideDrawer.build
passing config options.
TnsSideDrawer.build
Toggle the side drawer with TnsSideDrawer.toggle
.
TnsSideDrawer.toggle
Configuration
Drawer
TnsSideDrawerOptions
Templates
Template icons MUST be a resource string.
TnsSideDrawerItem
Listener
The listener function ONLY gets called everytime a drawer item is successfully tapped.
You can optionally pass a this context to the context
option.
iOS Quirks
Because you can drag the edge of your screen to go back,
you'll need to manually add and remove the gesture recognition by calling their methods and passing the Page
instance.
Let's say this is your home page.
Android Quirks
None.
Thanks to
- mikepenz for the Android MaterialDrawer implementation.
- GetHuman for the original nativescript-sidedrawer