Skip to content

Latest commit

 

History

History
68 lines (48 loc) · 1.92 KB

File metadata and controls

68 lines (48 loc) · 1.92 KB

EasyNotificationBanner

NPM version Downloads TotalDownloads

A way to keep the user informed about what happens in your application

Sample iOS

Installation

tns plugin add nativescript-easy-notification-banner

Usage

import { Component, OnInit } from '@angular/core';
import { EasyNotificationBanner } from 'nativescript-easy-notification-banner';

@Component({
  selector: 'ad-main',
  template: '<page-router-outlet></page-router-outlet>'
})
export class AppComponent {
  private notificationBanner: EasyNotificationBanner;
  constructor() {
    this.notificationBanner = new EasyNotificationBanner();
  }

  ngOnInit(){
    this.notificationBanner.showSuccess('Celebrate!', 'A new version is available')
      .then(() => console.log('this is really easy!'))
    ;
   }
}

TODO

- [] allow custom design
- [] allow custom duration
- [] enable buttons inside the banner
- [] support for banner position (RMessagePositionTop, RMessagePositionNavBarOverlay, RMessagePositionBottom)

Contributions are welcome! :)

Donate

bitcoin:1EAqBrcWKGS3VG1ktUxCje2E6hYTQRHRRV

donate

also greenaddress

License

Apache License Version 2.0, January 2004