@selimh/react-native-toast 0.2.0 → 0.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -6
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
# react-native-toast
|
|
1
|
+
# @selimh/react-native-toast
|
|
2
2
|
|
|
3
3
|
A beautifully animated, highly customizable, and imperative Toast library for React Native based on `react-native-reanimated`.
|
|
4
4
|
|
|
@@ -7,9 +7,9 @@ A beautifully animated, highly customizable, and imperative Toast library for Re
|
|
|
7
7
|
## Installation
|
|
8
8
|
|
|
9
9
|
```sh
|
|
10
|
-
npm install react-native-toast
|
|
10
|
+
npm install @selimh/react-native-toast
|
|
11
11
|
# or
|
|
12
|
-
yarn add react-native-toast
|
|
12
|
+
yarn add @selimh/react-native-toast
|
|
13
13
|
```
|
|
14
14
|
|
|
15
15
|
You also need to install the peer dependencies:
|
|
@@ -25,7 +25,7 @@ yarn add react-native-reanimated react-native-safe-area-context
|
|
|
25
25
|
1. Wrap your root directory with `ToastProvider`:
|
|
26
26
|
|
|
27
27
|
```tsx
|
|
28
|
-
import { ToastProvider } from 'react-native-toast';
|
|
28
|
+
import { ToastProvider } from '@selimh/react-native-toast';
|
|
29
29
|
import { SafeAreaProvider } from 'react-native-safe-area-context';
|
|
30
30
|
|
|
31
31
|
export default function App() {
|
|
@@ -46,7 +46,7 @@ export default function App() {
|
|
|
46
46
|
2. Call `Toast.show` from anywhere in your app:
|
|
47
47
|
|
|
48
48
|
```tsx
|
|
49
|
-
import { Toast } from 'react-native-toast';
|
|
49
|
+
import { Toast } from '@selimh/react-native-toast';
|
|
50
50
|
|
|
51
51
|
Toast.show({
|
|
52
52
|
type: 'success',
|
|
@@ -58,7 +58,7 @@ Toast.show({
|
|
|
58
58
|
```
|
|
59
59
|
|
|
60
60
|
### Dark Mode (Theme) Support
|
|
61
|
-
|
|
61
|
+
`@selimh/react-native-toast` perfectly supports light and dark modes out of the box.
|
|
62
62
|
|
|
63
63
|
1. **System Dependant (Default):** If you pass `theme="system"` to `ToastProvider` or omit it, the toast will automatically adapt to the user's iOS/Android theme.
|
|
64
64
|
2. **Forced Theme:** You can override the theme dynamically on a per-toast basis:
|