Quick Start (Fastest Setup)

1. Install

pnpm add react-native-toast-system
pnpm add react-native-gesture-handler react-native-reanimated react-native-safe-area-context react-native-svg react-native-worklets

Optional (only needed for some RN Screens overlay scenarios):

pnpm add react-native-screens

2. Provider

import { ToastProvider } from "react-native-toast-system";
import { AppScreen } from "./AppScreen";

export function App() {
  return (
    <ToastProvider>
      <AppScreen />
    </ToastProvider>
  );
}

3. Single Host

import { ToastProvider, ToastViewport } from "react-native-toast-system";
import { AppScreen } from "./AppScreen";

export function App() {
  return (
    <ToastProvider>
      <AppScreen />
      <ToastViewport />
    </ToastProvider>
  );
}

4. One Toast Call

import React from "react";
import { Button, View } from "react-native";
import { toast } from "react-native-toast-system";

export function AppScreen() {
  return (
    <View>
      <Button title="Save" onPress={() => toast.success("Saved successfully")} />
    </View>
  );
}