@tarmiz/react-native-toast

react-native-toast

Reusable toast UI primitives.

Install

yarn add @tarmiz/react-native-toast
yarn add react-native-reanimated react-native-safe-area-context react-native-responsive-screen lucide-react-native expo-blur expo-linear-gradient

Usage

import React from "react";
import { Pressable, Text, View } from "react-native";
import { ALERT_TYPE, useBlurToast } from "@tarmiz/react-native-toast";

export const Example = () => {
  const { Toast, show } = useBlurToast();

  return (
    <>
      <View>
        <Pressable
          onPress={() =>
            show({
              textBody: "Saved successfully",
              type: ALERT_TYPE.SUCCESS,
              duration: 3000,
              leftColor: "#000000",
              rightColor: "transparent",
            })
          }
        >
          <Text>Show toast</Text>
        </Pressable>
      </View>

      <Toast />
    </>
  );
};

You can pass any valid color for leftColor and rightColor (for example "black", "white", "transparent", hex, or rgba). If omitted, the toast uses default colors based on the alert type.