ReactNative: Native Toast

This library is a wrapper around native Toast library which 5 different states of beautiful toasts:

Normal, Info, Success, Warning, Error

Android: GrenderG/Toasty

? Getting Started

$npm install react-native-toasty

$react-native link react-native-toasty

$react-native link react-native-vector-icons

  • Android

    • Please add below script snippet in your app build.gradle
buildscript {
    repositories {
        maven { url "" }
        maven { url "" }

allprojects {
    repositories {
        maven { url "" }
        maven { url "" }

Note: Android SDK 27 > is supported

  • iOS
    • After react-native link react-native-toasty, please verify node_modules/react-native-toasty/ios/ contains Pods folder. If does not exist please execute pod install command on node_modules/react-native-toasty/ios/, if any error => try pod repo update then pod install

? Usage

import { RNToasty } from 'react-native-toasty'

    title: 'This is a toast'

? API's

Normal, Info, Success, Warning, Error, Custom

RNToasty.Normal({}), RNToasty.Info({}), RNToasty.Success({}), RNToasty.Warn({}), RNToasty.Error({}), RNToasty.Show({})

? Props

  • Props: Generic
Prop Type Default Note
title string Specify the title of toast
titleSize number 16 Specify the title size
titleColor string: HEX-COLOR #FFFFFF Specify the title color
duration number Specify the duration of toast: 0: SHORT; 1: LONG
tintColor string: HEX-NUMBER #000000 Specify the tint color of toast
withIcon bool true Specify whether you need icon
icon vector-icon Specify icon of toast


	let facebook = <Icon family={'FontAwesome'} name={'facebook'} color={'#000000'} size={30} />

	<RNBottomActionSheet.GridView.Item title={"Facebook"} icon={facebook} />


  • We have added family prop for Icon class, please make sure that you pass the props