Custom Toast React Native

Installing

install this package by running

npm i custom-toast-react-native 

command in your terminal. Once this is done then you need to import the package on the top of the file

import CustomToast from 'custom-toast-react-native'

and once this is done you are ready to go.

Features

• Change the position of the toast by using position property. you can move the toast to top or to the bottom position of the screen

  <CustomToast position='bottom' />
  <CustomToast position='top' />

• Change the type of toast you want to show. You can select between warning, success, and danger toast. The color,message and sign of each toast will change based on the type you selected.

  <CustomToast type='success' />
  <CustomToast type='danger' />
  <CustomToast type='warning' />

• Change the time you want the toast to be displayed on screen by setting the duration property. You can only set the amount of time in seconds.

  <CustomToast duration={2} />