react-native-swipeable-toast-basic v1.2.0

This is a custom swipeable toast basic. My build versions: 1- react-native-gesture-handler: 2.9.0 2- react-native-reanimated: 2.14.4

Installation

  npm install react-native-swipeable-toast-basic

Doc

react-native-reanimated

react-native-gesture-handler

Usage

    //App.js
    import { GestureHandlerRootView } from "react-native-gesture-handler";

    <GestureHandlerRootView style={{ flex: 1 }}>
        //Your codes in here
    </GestureHandlerRootView>;

    //Usage in screen
    import React, { useRef } from "react";
    import { Button } from "react-native";
    import SwipeableToast from "react-native-swipeable-toast-basic";

    const toastRef = useRef(null);

    <SafeAreaView style={{flex: 1}}>
        <SwipeableToast ref={toastRef} />
    </SafeAreaView>

    <Button
        title="Show Swipeable Toast Basic"
        onPress={() => {
            toastRef.current.showToast({
                type: "success", // success - info - warning - error
                title: "Title",
                text: "Text",
                duration: 3000,
                toastWidth: "90%",
                toastPadding: 16,
                toastBorderRadius: 16,
                toastBorderWidth: 0.5,
                toastSuccessBgColor: "#DEF1D7",
                toastSuccessBorderColor: "#1F8722",
                toastInfoBgColor: "#ECF4FE",
                toastInfoBorderColor: "#1F5F87",
                toastWarningBgColor: "#FEF7EC",
                toastWarningBorderColor: "#F08135",
                toastErrorBgColor: "#FAE1DB",
                toastErrorBorderColor: "#D9100A",
                toastSuccessTitleColor: "#1F8722",
                toastInfoTitleColor: "#1F6587",
                toastWarningTitleColor: "#F08135",
                toastErrorTitleColor: "#D9100A",
                toastSuccessTextColor: "#1F8722",
                toastInfoTextColor: "#1F6587",
                toastWarningTextColor: "#F08135",
                toastErrorTextColor: "#D9100A",
            });
        }}
    />

API