All Projects → rimiti → react-native-toastify

rimiti / react-native-toastify

Licence: MIT License
📱 React Native cross-plateform (iOS / Android) Toast component highly customizable.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to react-native-toastify

ComposableSweetToast
Jetpack Compose, Custom Toast, Solid Principles, Kotlin
Stars: ✭ 60 (+87.5%)
Mutual labels:  toast
commons
flutter commons package
Stars: ✭ 42 (+31.25%)
Mutual labels:  toast
ngx-toasta
Simple and clean Toast notification library for AngularX (Angular2 and beyond)
Stars: ✭ 20 (-37.5%)
Mutual labels:  toast
tall-toasts
A Toast notification library for the Laravel TALL stack. You can push notifications from the backend or frontend to render customizable toasts with almost zero footprint on the published CSS/JS 🔥🚀
Stars: ✭ 296 (+825%)
Mutual labels:  toast
smart-show
Toast # Snackbar # Dialog
Stars: ✭ 500 (+1462.5%)
Mutual labels:  toast
Loafjet
🚀 Loafjet is a lightweight custom framework used to add Loafs, Dash Board, Popup Card, and Loading indicator in your Swift project
Stars: ✭ 63 (+96.88%)
Mutual labels:  toast
SimpleToast
SimpleToast is a simple, lightweight, flexible and easy to use library to show toasts / popup notifications inside iOS or MacOS applications in SwiftUI. Because of the flexibility to show any content it is also possible to use the library for showing simple modals.
Stars: ✭ 131 (+309.38%)
Mutual labels:  toast
react-toast
Minimal toast notifications for React.
Stars: ✭ 47 (+46.88%)
Mutual labels:  toast
ToastUtils
Android Toast,即便关闭了通知权限也会正常显示 (暂停维护)
Stars: ✭ 33 (+3.13%)
Mutual labels:  toast
v-tostini
Toast plugin for Vue.js 2.x
Stars: ✭ 12 (-62.5%)
Mutual labels:  toast
DesktopToastANE
Adobe Air Native Extension for displaying adaptive and interactive toast notifications in Windows 8, 10 and OSX
Stars: ✭ 28 (-12.5%)
Mutual labels:  toast
denbun
Adjust showing frequency of Android app messages, and to be more user friendly 🐦
Stars: ✭ 17 (-46.87%)
Mutual labels:  toast
ktx
简化Android开发的Kotlin库
Stars: ✭ 39 (+21.88%)
Mutual labels:  toast
SteamAchievementNotifier
Steam Achievement Notifier is an Electron application that shows a customisable notification when you unlock any Steam Achievement! It uses the Steam Web API to track achievement stats in real time, and displays an achievement summary within the notification.
Stars: ✭ 77 (+140.63%)
Mutual labels:  toast
toast-swift
A Swift Toast view - iOS 14 style and newer - built with UIKit. 🍞
Stars: ✭ 85 (+165.63%)
Mutual labels:  toast
Sentinel
👀 Native notifications for League of Legends
Stars: ✭ 38 (+18.75%)
Mutual labels:  toast
Toast-for-Framework7
A toast component plugin for iOS Framework7
Stars: ✭ 41 (+28.13%)
Mutual labels:  toast
JDToaster
🍞 Toasty iOS alerts
Stars: ✭ 25 (-21.87%)
Mutual labels:  toast
iakit
无依赖 mini 组件库,只封装了 alert, toast, loading, actionSheet 等使用频率较高的组件。适用于类似 H5 活动页的简单移动端项目,不必为了使用这些组件而引入一个大而全的 UI 库和框架。
Stars: ✭ 38 (+18.75%)
Mutual labels:  toast
Toast
To use it in PCL or .NetStandard projects write this line of code : CrossToastPopUp.Current.ShowToastMessage("Message");
Stars: ✭ 51 (+59.38%)
Mutual labels:  toast

react-native-toastify

Build Status Codecov Code Climate score Code Climate coverage Node.js version NPM version MIT License PRs Welcome

Description

React Native cross-platform (iOS/Android) toast notification component highly customizable.

Install

$ yarn add @rimiti/react-native-toastify

Demo

Examples

import React, {Component} from 'react';
import {Button, View} from 'react-native';
import Toast from '@rimiti/react-native-toastify';

export default class Layout extends Component {

	constructor(props) {
		super(props)
	}

	render() {
		return (
			<View style={{paddingTop: 300}}>
				<Button	onPress={() => this.toastify.show('Hello World !', 1000)}	title="Demo" />
				<Toast ref={(c) => this.toastify = c} />
			</View>
		)
	}
}

Documentation

Props                     Type                  Description                                                 Usage
----------------------------------------------------------------------------------------------------------------------
style                     {View}                Style definitions for the global element                    (optional)
position                  {top, center, bottom} Position of toast.                                          (optional)
textStyle                 {Text}                Style definitions for the toast text element                (optional)
positionValue             {number}              Position value of toast                                     (optional)
fadeInDuration            {number}              Duration of fade in                                         (optional)
fadeOutDuration           {number}              Duration of fade out                                        (optional)
opacity                   {number}              Opacity value                                               (optional)
durationShort             {number}              Show duration                                               (optional)
defaultCloseDelay         {number}              Close delay duration                                        (optional)
end                       {number}              End value of animation                                      (optional)

Scripts

Run using npm run <script> command.

clean - remove coverage data, Jest cache and transpiled files,
lint - lint source files and tests,
test - lint, typecheck and run tests with coverage,
test-only - run tests with coverage,
test:watch - interactive watch mode to automatically re-run tests,
build - compile source files,
build:watch - interactive watch mode, compile sources on change.

License

MIT © Dimitri DO BAIRRO

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].