react-native-dan-forden

---

Features

• Works on native platforms (iOS, Android), Expo, and Web
• Works with react-navigation and Modal (doesn't get hidden)
• Animations using Reanimated
• Override with your own simple Toast component

Getting Started

Installation

1yarn add react-native-dan-forden

Dependencies

If you are using something like Expo, you should be all set.

If you are using a vanilla React Native setup, you will need some dependencies that you probably should have installed anyways: react-native-gesture-handler react-native-reanimated react-native-safe-area-context react-native-screens

Note: dependencies only required for native platforms

Usage

1. Add ToastProvider to your horizontal tree:

1// App.tsx
2import { ToastProvider } from "react-native-dan-forden";
3
4export default function App() {
5  return <ToastProvider>...</ToastProvider>;
6}

2. Use showToast when stuff happens:

1import { showToast } from "react-native-dan-forden";
2
3export default function SignUp() {
4  async function onSubmit() {
5    try {
6      await login();
7      showToast({
8        type: "success",
9        message: "Welcome!",
10      });
11    } catch (err) {
12      showToast({
13        type: "danger",
14        message: "Your signup failed",
15      });
16    }
17  }
18
19  return (
20    <Pressable onPress={onSubmit}>
21      <Text>Sign Up</Text>
22    </Pressable>
23  );
24}