# react-native-toast-notification

> Toast notification for react native

Latest version **1.1.2** (published 2019-02-04) · MIT license · 0 weekly downloads

## Install

```sh
npm install react-native-toast-notification
pnpm add react-native-toast-notification
yarn add react-native-toast-notification
bun add react-native-toast-notification
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.1.2 |
| Published | 2019-02-04 |
| First published | 2019-02-02 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 9.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 9 |
| Author | Ugur ERDAL |
| Maintainers | ugurerdal |
| Keywords | react-native, toast, notification, inside, app, message |

## Links

- npm: https://www.npmjs.com/package/react-native-toast-notification
- Repository: https://github.com/ue/react-native-toast-notification
- Issues: https://github.comue/react-native-toast-notification/issues
- npm.io page: https://npm.io/package/react-native-toast-notification

## Alternatives

- [update-check](https://npm.io/package/update-check.md) — 4.0M weekly downloads
- [react-native-onesignal](https://npm.io/package/react-native-onesignal.md) — 134.5K weekly downloads
- [react-redux-toastr](https://npm.io/package/react-redux-toastr.md) — 33.7K weekly downloads
- [@nocobase/plugin-notification-manager](https://npm.io/package/@nocobase/plugin-notification-manager.md) — 2.0K weekly downloads
- [react-simple-toasts](https://npm.io/package/react-simple-toasts.md) — 1.9K weekly downloads

## Recent versions

- 1.1.2 (latest) — 2019-02-04
- 1.1.1 — 2019-02-04
- 1.1.0 — 2019-02-04
- 1.0.0 — 2019-02-02

## README

# react-native-toast-notification

A react native component for toast message

[![License MIT](http://img.shields.io/badge/license-MIT-orange.svg?style=flat)](https://raw.githubusercontent.com/ue/react-native-toast-notification/master/LICENSE)

## Installation

- 1.Run `npm i react-native-toast-notification --save` or `yarn add react-native-toast-notification`
- 2.`import ToastNotification from 'react-native-toast-notification'`

![Screenshots](https://media.giphy.com/media/5jYpxInp8ENRDazHs6/giphy.gif)

## Getting started

Add `react-native-easy-toast` to your js file.

`import ToastNotification from 'react-native-toast-notification'`

Inside your component's render method, use ToastNotification:

```javascript
 render() {
         return (
             <ToastNotification
                textStyle={{ color: 'red' }}
                style={{ backgroundColor: 'yellow' }}
                text="Hello World!"
                duration={2000}
                onHide={this._handleOnHideToastNotification}
             />
         );
 }

```

## API

| Props         | Type     | Optional | Default              | Description                     |
| ------------- | -------- | -------- | -------------------- | ------------------------------- |
| style         | object   | true     | Gray background etc. | Custom style toast              |
| isTop         | boolean  | true     | false                | Custom toast position           |
| positionValue | number   | true     | 100                  | Custom toast position value     |
| duration      | number   | true     | 2000                 | Custom toast animation duration |
| textStyle     | style    | true     | white color etc.     | Custom style text               |
| onPress       | function | true     | null                 | For handle on press             |
| onHide        | function | true     | null                 | For handle on hide              |

**MIT Licensed UE**

---
_Source: https://npm.io/package/react-native-toast-notification · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._