/ Toast

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

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
Native-Toast

📖 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

	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