1.1.2 • Published 5 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 --save
oryarn 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