react-native-javascript-snackbar

A cross-platform javascript based snackbar for react-native

Installation

npm install react-native-javascript-snackbar --save

Example usage

import {SnackBar, SnackBarTime} from "react-native-javascript-snackbar";

toggleSnackBar = () => {
  if (this.ele.isActive()) {
    this.ele.dismiss();
  } else {
    this.ele.show({duration: SnackBarTime.LONG});
  }
};

render() {
  return (
    <SnackBar
      onRef={ele => this.ele = ele}
      messageStyles={{color: "green"}}
      actionTextStyles={{fontSize: 16}}
    />
  );
}

Make sure you keep snackbar in the bottom of your parent view container

Available props

messageStyles: Styling for message text
actionTextStyles: Styling for action text

Methods

show({duration: Number, message: String, action: String, onAction: func}): Duration options are SnackBarTime.LONG, SnackBarTime.SHORT, SnackBarTime.INDEFINITE
                          (You need to call dismiss() on your own if INDEFINITE)

dismiss(): For dismissing the snackbar