react-native-toast-notification

A react native component for toast message

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'

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