A wrapper around native Toast library which 5 different states of beautiful toasts

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 {
        jcenter()
        maven { url "https://maven.google.com" }
        maven { url "https://jitpack.io" }
    }
    ...
}

allprojects {
    repositories {
        jcenter()
        mavenLocal()
        maven { url "https://maven.google.com" }
        maven { url "https://jitpack.io" }
        ...
    }
}

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'

RNToasty.Show({
    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

Icons

• RN Vector Icons: It supports react-native-vector-icons library. Please find below snippet for the usage:

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

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

Note:

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

GitHub