react-native-notify

toast for react app

Installation

1npm i @venjo/react-native-notify

###or

1yarn add @venjo/react-native-notify

Usage

app.js

1import {   NotifyContainer } from '@venjo/react-native-notify/lib/commonjs';
2
3
4// ...
5
6<NotifyContainer configs={configs}/>
7// ...
8

someComponent.js

1import {   useNotify } from '@venjo/react-native-notify/lib/commonjs';
2
3
4const SomeComponent = ()=> {
5
6  const Notify = useNotify();
7
8  const onError = () => {
9    Notify.error('some error message');
10  };
11  const onSuccess = () => {
12    Notify.success('some success message');
13  };
14  const onInfo = () => {
15    Notify.info('some info message');
16  };
17
18  return (
19    <>
20      <TouchableOpacity onPress={onError}>
21        <Text>Error</Text>
22      </TouchableOpacity>
23      <TouchableOpacity onPress={onSuccess}>
24        <Text>Success</Text>
25      </TouchableOpacity>
26      <TouchableOpacity onPress={onInfo}>
27        <Text>Info</Text>
28      </TouchableOpacity>
29    </>
30  );
31}
32

TYPES

config

1type config = {
2    kippingTime?: number      // 10000ms
3    theme?: Partial<Theme>
4    maxVisibleCount?: number  // 3
5} | undefind

Theme

1type Theme = {
2  baseSize: number      // 16
3  colors: {
4    background: string  // #eee0d7
5    success: string     // #6AC45B
6    error: string       // #d51a52
7    info: string        // #1a43d5
8  }
9  fonts: {
10    title: StyleProp<TextStyle>     // fontSize: 22, lineHeight: 32, fontWeight: '600', letterSpacing: 0,
11    content: StyleProp<TextStyle>   // fontSize: 16, lineHeight: 24, fontWeight: '400', letterSpacing: 0,
12  }
13  shadow: {
14    shadowColor: string       // #000000
15    elevation: number         // 20
16    shadowOffset: {           // { width: 0, height: 0 }
17      width: number
18      height: number
19    }
20    shadowOpacity: number     // 0.3
21    shadowRadius: number      // 10
22  }
23}

expo

android ios

---

Contacts

• siradeghyansmbat@gmail.com
• linkidin - /in/smbat-siradeghyan