NativeScript-Snackbar 🍭 🍫 🍦
NativeScript plugin for Material Design Floating Action Button UI component.
## Demo
## Installation
`tns plugin add nativescript-snackbar`
## [Changelog](./CHANGELOG.md)
## Usage
### TS
```typescript
import { SnackBar, SnackBarOptions } from "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', // Optional, Android only
snackText: this.get('snackText'),
textColor: '#346db2', // Optional, Android only
hideDelay: 3500,
backgroundColor: '#eaeaea', // Optional, Android only
maxLines: 3, // Optional, Android Only
isRTL: false, // Optional, Android Only
view: someView // Optional, Android Only, default to topmost().currentPage
};
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**