Nervously Practice Multithreading

    @nstudio/nativescript-snackbar
    TypeScript icon, indicating that this package has built-in type declarations

    2.1.0 • Public • Published

    NativeScript-Snackbar 🍭 🍫 🍦

    NativeScript plugin for Material Design SnackBar component.

    Action Build npm npm


    Installation:

    NativeScript 7+: tns plugin add @nstudio/nativescript-snackbar

    NativeScript version prior to 7: tns plugin add @nstudio/nativescript-snackbar@1.1.2

    Demo

    Snackbar

    Usage

    TS

    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));
        }
      });
    }

    API

    Show a simple SnackBar (color args will only work on Android)

    • simple(snackText: string, textColor?: string, backgroundColor?: string, maxLines?: number, isRTL?: boolean, view?: View): Promise

    Show a SnackBar with Action.

    • action(options: SnackBarOptions): Promise

    Manually dismiss an active SnackBar

    • dismiss(): Promise

    SnackBarOptions Interface

    • actionText: string
    • actionTextColor: string
    • snackText: string
    • hideDelay: number
    • textColor: string
    • backgroundColor: string
    • maxLines: number
    • isRTL: boolean
    • view: View
    • padding: number

    Run Demo

    git clone https://github.com/nstudio/nativescript-snackbar.git
    cd nativescript-snackbar/src
    npm run build
     
    npm run demo.ios
     
    // or...
     
    npm run demo.android

    Changelog

    Contributing

    Install

    npm i @nstudio/nativescript-snackbar

    DownloadsWeekly Downloads

    211

    Version

    2.1.0

    License

    Apache-2.0

    Unpacked Size

    24.1 kB

    Total Files

    10

    Last publish

    Collaborators

    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar