Skip to content

TypeScript-first toast notifications for React Native. Modern, highly customizable toast library with smooth animations, swipe gestures, and zero dependencies. Inspired by Sonner.

Notifications You must be signed in to change notification settings

noorjsdivs/ex-react-native-toast-message-ts

Repository files navigation

Example App: React Native Toast Message TS

This is the official example application for the react-native-toast-message-ts package. It demonstrates the various features, animations, and configurations available in the library.

NPM Version

📱 Screenshots

Stack View Expanded View Top Toast Bottom Toast

🚀 Getting Started

Follow these instructions to get the example app running on your local machine.

1. Clone the Repository

git clone https://github.com/noorjsdivs/ex-react-native-toast-message-ts.git
cd ex-react-native-toast-message-ts

2. Install Dependencies

Install the Node.js dependencies using npm or yarn:

# Using npm
npm install

# OR using Yarn
yarn install

3. Install Pods (iOS only)

If you are running on iOS, you need to install the CocoaPods dependencies:

cd ios
pod install
cd ..

4. Run the Application

Start the Metro bundler and launch the app:

For iOS:

npm run ios
# or
yarn ios

For Android:

npm run android
# or
yarn android

📦 Package Details

For full documentation and installation instructions of the library itself, please visit the NPM package page:

👉 react-native-toast-message-ts


🛠 Features Demonstrated

  • Stack Animation: See how multiple toasts stack gracefully.
  • Interactive Gestures: Swipe to dismiss or expand the stack.
  • Positioning: Top and Bottom placements.
  • Customization: Theming and custom layouts.

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/AmazingFeature)
  3. Commit your changes (git commit -m 'Add some AmazingFeature')
  4. Push to the branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

📄 License

MIT License - see the LICENSE file for details.

🙏 Acknowledgments

Inspired by:

📞 Support

If you have any questions or need help, please:

  • Open an issue on GitHub
  • Check the App.tsx file for usage examples

🎉 Show Your Support

If this library helped you, please give it a ⭐️ on GitHub!

You can also support the development of this project by buying me a coffee:

Buy Me A Coffee

Made with ❤️ by Noor Mohammad

About

TypeScript-first toast notifications for React Native. Modern, highly customizable toast library with smooth animations, swipe gestures, and zero dependencies. Inspired by Sonner.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published