1.1.2 • Published 7 years ago
react-native-toast-notification v1.1.2
react-native-toast-notification
A react native component for toast message
Installation
- 1.Run
npm i react-native-toast-notification --saveoryarn add react-native-toast-notification - 2.
import ToastNotification from 'react-native-toast-notification'
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:
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