Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rimiti/react-native-toastify
:iphone: React Native cross-plateform (iOS / Android) Toast component highly customizable.
https://github.com/rimiti/react-native-toastify
android component cross-platform ios react react-native toast
Last synced: about 4 hours ago
JSON representation
:iphone: React Native cross-plateform (iOS / Android) Toast component highly customizable.
- Host: GitHub
- URL: https://github.com/rimiti/react-native-toastify
- Owner: rimiti
- License: mit
- Created: 2017-12-04T21:56:44.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2023-01-06T01:54:41.000Z (almost 2 years ago)
- Last Synced: 2024-10-27T05:13:01.296Z (12 days ago)
- Topics: android, component, cross-platform, ios, react, react-native, toast
- Language: JavaScript
- Homepage:
- Size: 2.37 MB
- Stars: 33
- Watchers: 1
- Forks: 9
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# react-native-toastify
[![Build Status][travis-badge]][travis-ci]
[![Codecov][codecov-coverage-badge]][codecov-coverage]
[![Code Climate score][codeclimate-score-badge]][codeclimate-score]
[![Code Climate coverage][codeclimate-issues-badge]][codeclimate-issues]
[![Node.js version][nodejs-badge]][nodejs]
[![NPM version][npm-badge]][npm]
[![MIT License][license-badge]][license]
[![PRs Welcome][prs-badge]][prs]
## Description
React Native cross-platform (iOS/Android) toast notification component highly customizable.
## Install
```
$ yarn add @rimiti/react-native-toastify
```
## Demo
## Examples
```
import React, {Component} from 'react';
import {Button, View} from 'react-native';
import Toast from '@rimiti/react-native-toastify';
export default class Layout extends Component {
constructor(props) {
super(props)
}
render() {
return (
this.toastify.show('Hello World !', 1000)} title="Demo" />
this.toastify = c} />
)
}
}
```
## Documentation
```
Props Type Description Usage
----------------------------------------------------------------------------------------------------------------------
style {View} Style definitions for the global element (optional)
position {top, center, bottom} Position of toast. (optional)
textStyle {Text} Style definitions for the toast text element (optional)
positionValue {number} Position value of toast (optional)
fadeInDuration {number} Duration of fade in (optional)
fadeOutDuration {number} Duration of fade out (optional)
opacity {number} Opacity value (optional)
durationShort {number} Show duration (optional)
defaultCloseDelay {number} Close delay duration (optional)
end {number} End value of animation (optional)
```
## Scripts
Run using npm run command.
clean - remove coverage data, Jest cache and transpiled files,
lint - lint source files and tests,
test - lint, typecheck and run tests with coverage,
test-only - run tests with coverage,
test:watch - interactive watch mode to automatically re-run tests,
build - compile source files,
build:watch - interactive watch mode, compile sources on change.
## License
MIT © [Dimitri DO BAIRRO](https://github.com/rimiti/react-native-toastify/blob/master/LICENSE)
[codeclimate-score-badge]: https://api.codeclimate.com/v1/badges/e90f04fc308e5efeabac/maintainability
[codeclimate-score]: https://codeclimate.com/github/rimiti/react-native-toastify/maintainability
[codecov-coverage-badge]: https://codecov.io/gh/rimiti/react-native-toastify/branch/master/graph/badge.svg
[codecov-coverage]: https://codecov.io/gh/rimiti/react-native-toastify
[codeclimate-issues-badge]: https://codeclimate.com/github/rimiti/react-native-toastify/badges/issue_count.svg
[codeclimate-issues]: https://codeclimate.com/github/rimiti/react-native-toastify
[nodejs-badge]: https://img.shields.io/badge/node->=%206.9.0-blue.svg?style=flat-square
[nodejs]: https://nodejs.org/dist/latest-v6.x/docs/api/
[npm-badge]: https://img.shields.io/badge/npm->=%203.10.8-blue.svg?style=flat-square
[npm]: https://docs.npmjs.com/
[travis-badge]: https://travis-ci.org/rimiti/react-native-toastify.svg?branch=master
[travis-ci]: https://travis-ci.org/rimiti/react-native-toastify
[license-badge]: https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square
[license]: https://github.com/rimiti/react-native-toastify/blob/master/LICENSE
[prs-badge]: https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square
[prs]: http://makeapullrequest.com