{"id":30275481,"url":"https://github.com/coderooz/demo-custom-toast-messages","last_synced_at":"2026-04-11T08:02:50.194Z","repository":{"id":307033769,"uuid":"1027053380","full_name":"coderooz/Demo-Custom-Toast-Messages","owner":"coderooz","description":"A customizable toast/alert notification system for React Native apps, built with Expo.","archived":false,"fork":false,"pushed_at":"2025-07-29T02:55:42.000Z","size":121,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-07-29T04:42:49.160Z","etag":null,"topics":["expo","react-hooks-demo","react-native","react-native-reanimated","toast-notifications"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/coderooz.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-07-27T07:54:43.000Z","updated_at":"2025-07-29T02:58:39.000Z","dependencies_parsed_at":"2025-07-29T04:42:52.901Z","dependency_job_id":"a7abb2e5-d4bd-433e-86a0-cafc809daf96","html_url":"https://github.com/coderooz/Demo-Custom-Toast-Messages","commit_stats":null,"previous_names":["coderooz/demo-custom-toust-messages"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/coderooz/Demo-Custom-Toast-Messages","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/coderooz%2FDemo-Custom-Toast-Messages","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/coderooz%2FDemo-Custom-Toast-Messages/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/coderooz%2FDemo-Custom-Toast-Messages/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/coderooz%2FDemo-Custom-Toast-Messages/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/coderooz","download_url":"https://codeload.github.com/coderooz/Demo-Custom-Toast-Messages/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/coderooz%2FDemo-Custom-Toast-Messages/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":270695662,"owners_count":24629787,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-16T02:00:11.002Z","response_time":91,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["expo","react-hooks-demo","react-native","react-native-reanimated","toast-notifications"],"created_at":"2025-08-16T09:39:14.387Z","updated_at":"2026-04-11T08:02:45.154Z","avatar_url":"https://github.com/coderooz.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Demo-Custom-Toast-Message\n\n\u003e A customizable toast/alert notification system for React Native apps, built with Expo.\n\n---\n\n## Table of Contents\n- [Features](#features)\n- [Installation](#installation)\n- [Usage](#usage)\n- [Props \u0026 API](#props--api)\n- [Project Structure](#project-structure)\n- [Contributing](#contributing)\n- [License](#license)\n\n---\n\n## Features\n- Customizable toast messages (success, error, warning, info)\n- Animated appearance/disappearance using `react-native-reanimated`\n- Stacked toasts with auto-dismiss\n- Easy integration with React Context\n- Icon support via `react-native-vector-icons`\n\n---\n\n\n\n## Installation\n\n1. **Clone the repository:**\n   ```sh\n   git clone https://github.com/Coderooz/Demo-Custom-Toast-Messages.git\n   cd demo-custom-alerts\n   ```\n2. **Install dependencies:**\n   ```sh\n   npm install\n   # or\n   yarn install\n   ```\n3. **Start the Expo project:**\n   ```sh\n   npm start\n   # or\n   expo start\n   ```\n\n---\n\n## Usage\n\n1. **Wrap your app with the ToastProvider:**\n   ```jsx\n   import { ToastProvider } from './context/ToastContext';\n   // ...\n   \u003cToastProvider\u003e\n     {/* your app code */}\n   \u003c/ToastProvider\u003e\n   ```\n2. **Use the `useToast` hook to show toasts:**\n   ```jsx\n   import { useToast } from './context/ToastContext';\n   // ...\n   const { showToast } = useToast();\n   showToast({\n     alert: 'success',\n     title: 'Success!',\n     message: 'Your action was successful.',\n     duration: 3000, // optional\n   });\n   ```\n3. **See `screen/ToastDisplay.jsx` for demo usage.**\n\n---\n\n## Props \u0026 API\n\n### showToast(options)\n- `alert`: `'success' | 'error' | 'warning' | 'info'` (default: 'info')\n- `title`: `string` (required)\n- `message`: `string` (required)\n- `duration`: `number` (ms, default: 3000)\n\n### Toast Component\n- Customizes icon, color, and background based on `alert` type\n- Animates in/out and stacks if multiple toasts are shown\n\n---\n\n## Project Structure\n```\n.\n├── App.js\n├── components/\n│   └── Toast.jsx\n├── context/\n│   └── ToastContext.js\n├── screen/\n│   └── ToastDisplay.jsx\n├── assets/\n│   └── [icons, screenshots]\n├── package.json\n└── ...\n```\n\n---\n\n## Contributing\n\nPull requests are welcome! For major changes, please open an issue first to discuss what you would like to change.\n\n1. Fork the repo\n2. Create your feature branch (`git checkout -b feature/YourFeature`)\n3. Commit your changes (`git commit -am 'Add some feature'`)\n4. Push to the branch (`git push origin feature/YourFeature`)\n5. Open a Pull Request\n\n---\n\n## License\n\n[MIT](LICENSE)\n\n---\n\n**Author:** [Coderooz](https://github.com/Coderooz)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcoderooz%2Fdemo-custom-toast-messages","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcoderooz%2Fdemo-custom-toast-messages","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcoderooz%2Fdemo-custom-toast-messages/lists"}