📣 react-native-toass

A simple toast (notification) implementation for React Native with animated appearance using react-native-reanimated. Works on both iOS and Android.

✨ Features

• Global toass trigger using an internal event emitter
• Fade-in/fade-out animation using react-native-reanimated
• Fully customizable styles and props
• Works out-of-the-box with React Native projects

---

📦 Installation

npm install react-native-toass
# or
yarn add react-native-toass

Usage

import { Toass } from 'react-native-toass';

export default function App() {
  return (
    <>
      {/* Your app components */}
      <Toass />
    </>
  );
}

import { showToass } from 'react-native-toass';

showToass('Hello from anywhere in the app!');

API

<Toass /> Props

Prop	Type	Description
textProps	TextProps	Props passed to the inner <Text> component (e.g., style, numberOfLines).
containerProps	ViewProps	Props passed to the outer <View> container wrapping the toast message.
animatedContainerProps	AnimatedProps<ViewProps>	Props for the animated wrapper <Animated.View>, such as entering or exiting.
duration	number	Duration (in milliseconds) the toast stays visible. Default is 3000.
animationDuration	number	Duration of the show/hide animation (in milliseconds). Default is 300.
leading	ReactNode	Element rendered before the message text (e.g., icon).
trailing	ReactNode	Element rendered after the message text (e.g., close button, icon).