nativescript-snackbarNativeScript plugin for Material Design Snackbar

import { SnackBar, SnackBarOptions } from "@nstudio/nativescript-snackbar";



// Create an instance of SnackBar

const snackbar = new SnackBar();



/// Show a simple snackbar with no actions

public showSimple() {

    snackbar.simple('Snackbar', 'red', '#fff', 3, false).then((args) => {

         this.set('jsonResult', JSON.stringify(args));

   })

}



/// Show an Action snack bar

public showAction() {

  const options: SnackBarOptions = {

    actionText: this.get('actionText'),

    actionTextColor: '#ff4081',

    snackText: this.get('snackText'),

    textColor: '#346db2',

    hideDelay: 3500,

    backgroundColor: '#eaeaea',

    maxLines: 3, // Optional, Android Only

    isRTL: false,

    view: <View>someView, // Optional, Android Only, default to topmost().currentPage

    padding: number //Optional, iOS only

  };



  snackbar.action(options).then((args) => {

    if (args.command === "Action") {

      this.set('jsonResult', JSON.stringify(args));

    } else {

      this.set('jsonResult', JSON.stringify(args));

    }

  });

}