Feature/#4 (#13)

* added possibility of changing default toast time on screen

* finished time to dismiss feature

Author: mCodex

example/ios/Podfile.lock

@@ -236,7 +236,7 @@ PODS:
     - React-cxxreact (= 0.63.2)
     - React-jsi (= 0.63.2)
   - React-jsinspector (0.63.2)
-  - react-native-safe-area-context (3.1.1):
+  - react-native-safe-area-context (3.1.4):
     - React
   - React-RCTActionSheet (0.63.2):
     - React-Core/RCTActionSheetHeaders (= 0.63.2)
@@ -302,9 +302,9 @@ PODS:
     - React
   - RNGestureHandler (1.7.0):
     - React
-  - RNReanimated (1.10.1):
+  - RNReanimated (1.10.2):
     - React
-  - RNScreens (2.9.0):
+  - RNScreens (2.10.1):
     - React
   - Yoga (1.14.0)
   - YogaKit (1.18.1):
@@ -470,7 +470,7 @@ SPEC CHECKSUMS:
   React-jsi: 54245e1d5f4b690dec614a73a3795964eeef13a8
   React-jsiexecutor: 8ca588cc921e70590820ce72b8789b02c67cce38
   React-jsinspector: b14e62ebe7a66e9231e9581279909f2fc3db6606
-  react-native-safe-area-context: 344b969c45af3d8464d36e8dea264942992ef033
+  react-native-safe-area-context: eb91fe1fb3f7b87d9c30a7f0808407d8569d539d
   React-RCTActionSheet: 910163b6b09685a35c4ebbc52b66d1bfbbe39fc5
   React-RCTAnimation: 9a883bbe1e9d2e158d4fb53765ed64c8dc2200c6
   React-RCTBlob: 39cf0ece1927996c4466510e25d2105f67010e13
@@ -483,8 +483,8 @@ SPEC CHECKSUMS:
   ReactCommon: a0a1edbebcac5e91338371b72ffc66aa822792ce
   RNCMaskedView: 5a8ec07677aa885546a0d98da336457e2bea557f
   RNGestureHandler: b6b359bb800ae399a9c8b27032bdbf7c18f08a08
-  RNReanimated: c2bb7438b57a3d987bb2e4e6e4bca94787e30b02
-  RNScreens: c526239bbe0e957b988dacc8d75ac94ec9cb19da
+  RNReanimated: 7de2dca51deacff78bb880f63c1389a24311b376
+  RNScreens: b748efec66e095134c7166ca333b628cd7e6f3e2
   Yoga: 7740b94929bbacbddda59bf115b5317e9a161598
   YogaKit: f782866e155069a2cca2517aafea43200b01fd5a
 

example/package.json

@@ -11,28 +11,28 @@
   },
   "dependencies": {
     "@react-native-community/masked-view": "^0.1.10",
-    "@react-navigation/native": "^5.7.2",
-    "@react-navigation/stack": "^5.8.0",
+    "@react-navigation/native": "^5.7.3",
+    "@react-navigation/stack": "^5.9.0",
     "react": "16.13.1",
     "react-native": "0.63.2",
     "react-native-gesture-handler": "^1.7.0",
-    "react-native-reanimated": "^1.10.1",
+    "react-native-reanimated": "^1.10.2",
     "react-native-rooster": "file:.yalc/react-native-rooster",
-    "react-native-safe-area-context": "^3.1.1",
-    "react-native-screens": "^2.9.0",
+    "react-native-safe-area-context": "^3.1.4",
+    "react-native-screens": "^2.10.1",
     "styled-components": "^5.1.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.11.0",
-    "@babel/runtime": "^7.11.0",
-    "@types/jest": "^26.0.8",
-    "@types/react-native": "^0.63.2",
-    "@types/react-test-renderer": "^16.9.2",
-    "@types/styled-components": "^5.1.1",
-    "@typescript-eslint/eslint-plugin": "^3.7.1",
-    "@typescript-eslint/parser": "^3.7.1",
+    "@babel/core": "^7.11.1",
+    "@babel/runtime": "^7.11.2",
+    "@types/jest": "^26.0.9",
+    "@types/react-native": "^0.63.5",
+    "@types/react-test-renderer": "^16.9.3",
+    "@types/styled-components": "^5.1.2",
+    "@typescript-eslint/eslint-plugin": "^3.8.0",
+    "@typescript-eslint/parser": "^3.8.0",
     "babel-jest": "^26.2.2",
-    "eslint": "^7.5.0",
+    "eslint": "^7.6.0",
     "eslint-config-airbnb": "^18.2.0",
     "eslint-config-prettier": "^6.11.0",
     "eslint-import-resolver-typescript": "^2.2.0",

example/src/pages/Home/index.tsx

@@ -2,6 +2,7 @@ import React, { useCallback } from 'react';
 import { useToast } from 'react-native-rooster';
 
 import { Button } from 'react-native';
+
 import { Container, Label, TextInput } from './styles';
 
 const Home: React.FC = () => {
@@ -35,6 +36,12 @@ const Home: React.FC = () => {
     });
   }, [setToastConfig]);
 
+  const handleChangeTimeToDismissOnPress = useCallback(() => {
+    setToastConfig({
+      timeToDismiss: 4000,
+    });
+  }, [setToastConfig]);
+
   const handleRemoveToastOnPress = useCallback(() => {
     removeToast();
   }, [removeToast]);
@@ -69,6 +76,11 @@ const Home: React.FC = () => {
         title="Change font family to SpectralSC"
         onPress={handleChangeFontFamilyOnPress}
       />
+
+      <Button
+        title="Change time to dismiss to 4000ms"
+        onPress={handleChangeTimeToDismissOnPress}
+      />
       <Button title="Remove Last Toast" onPress={handleRemoveToastOnPress} />
     </Container>
   );

example/yalc.lock

@@ -2,7 +2,7 @@
   "version": "v1",
   "packages": {
     "react-native-rooster": {
-      "signature": "75d78ae6df2a31e2b0c4f087698f5a7d",
+      "signature": "9fc9647aba0dc577d08f76ccbe1c567d",
       "file": true
     }
   }