added pincode page

MocionesIUPI/package-lock.json

       "dependencies": {
         "@apollo/client": "^3.7.2",
         "@expo/webpack-config": "^0.17.2",
-        "@react-native-community/hooks": "^2.8.1",
-        "@react-navigation/material-bottom-tabs": "^6.2.8",
-        "@react-navigation/native-stack": "^6.9.4",
         "deprecated-react-native-prop-types": "^2.2.0",
         "expo": "~47.0.6",
         "expo-status-bar": "~1.4.2",
         "react-native-safe-area-context": "4.4.1",
         "react-native-screens": "~3.18.0",
         "react-native-smooth-pincode-input": "^1.0.9",
+        "react-native-svg": "13.4.0",
         "react-native-vector-icons": "^9.2.0",
         "react-native-web": "~0.18.9",
         "react-navigation-material-bottom-tabs": "^2.3.5",
         "react-navigation-stack": "^2.10.4",
+        "styled-components": "^5.3.6",
+        "styled-system": "^5.1.5",
         "yarn": "^1.22.19"
       },
       "devDependencies": {
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@callstack/react-theme-provider": {
+      "version": "3.0.8",
+      "resolved": "https://registry.npmjs.org/@callstack/react-theme-provider/-/react-theme-provider-3.0.8.tgz",
+      "integrity": "sha512-5U231sYY2sqQOaELX0WBCn+iluV8bFaXIS7em03k4W5Xz0AhGvKlnpLIhDGFP8im/SvNW7/2XoR0BsClhn9t6Q==",
+      "dependencies": {
+        "deepmerge": "^3.2.0",
+        "hoist-non-react-statics": "^3.3.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.3.0"
+      }
+    },
+    "node_modules/@egjs/hammerjs": {
+      "version": "2.0.17",
+      "resolved": "https://registry.npmjs.org/@egjs/hammerjs/-/hammerjs-2.0.17.tgz",
+      "integrity": "sha512-XQsZgjm2EcVUiZQf11UBJQfmZeEmOW8DpI1gsFeln6w0ae0ii4dMQEQ0kjl6DspdWX1aGY1/loyXnP0JS06e/A==",
+      "peer": true,
+      "dependencies": {
+        "@types/hammerjs": "^2.0.36"
+      },
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/@emotion/is-prop-valid": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.0.tgz",
+      "integrity": "sha512-3aDpDprjM0AwaxGE09bOPkNxHpBd+kA6jty3RnaEXdweX1DF1U3VQpPYb0g1IStAuK7SVQ1cy+bNBBKp4W3Fjg==",
+      "dependencies": {
+        "@emotion/memoize": "^0.8.0"
+      }
+    },
+    "node_modules/@emotion/memoize": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.0.tgz",
+      "integrity": "sha512-G/YwXTkv7Den9mXDO7AhLWkE3q+I92B+VqAE+dYG4NGPaHZGvt3G8Q0p9vmE+sq7rTGphUbAvmQ9YpbfMQGGlA=="
+    },
+    "node_modules/@emotion/stylis": {
+      "version": "0.8.5",
+      "resolved": "https://registry.npmjs.org/@emotion/stylis/-/stylis-0.8.5.tgz",
+      "integrity": "sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ=="
+    },
+    "node_modules/@emotion/unitless": {
+      "version": "0.7.5",
+      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz",
+      "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg=="
+    },
     "node_modules/@expo/bunyan": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/@expo/bunyan/-/bunyan-4.0.0.tgz",
         "node": ">=8"
       }
     },
-    "node_modules/@react-native-community/hooks": {
-      "version": "2.8.1",
-      "resolved": "https://registry.npmjs.org/@react-native-community/hooks/-/hooks-2.8.1.tgz",
-      "integrity": "sha512-DCmCIC0Gn9m6K0Mlg2MwNmTxMEpBu5lTLsI6b/XUAv/vLGa6o+X7RhCai4FWeqkjCU36+ZOwaLzDo4NBWMXaoQ==",
-      "peerDependencies": {
-        "react": ">=16.8.0",
-        "react-native": ">=0.59"
-      }
-    },
     "node_modules/@react-native-community/masked-view": {
       "version": "0.1.11",
       "resolved": "https://registry.npmjs.org/@react-native-community/masked-view/-/masked-view-0.1.11.tgz",
       "resolved": "https://registry.npmjs.org/@react-native/polyfills/-/polyfills-2.0.0.tgz",
       "integrity": "sha512-K0aGNn1TjalKj+65D7ycc1//H9roAQ51GJVk5ZJQFb2teECGmzd86bYDC0aYdbRf7gtovescq4Zt6FR0tgXiHQ=="
     },
+    "node_modules/@react-stately/checkbox": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/@react-stately/checkbox/-/checkbox-3.3.1.tgz",
+      "integrity": "sha512-r2hL11GF9r2ztUFEhpiVgiXgE+W99tyL1Kt7rOiTZ8/aMBGWwBxOHAdHeqcWFeBgOztXuJsKiDu82necEG4xhA==",
+      "dependencies": {
+        "@babel/runtime": "^7.6.2",
+        "@react-stately/toggle": "^3.4.3",
+        "@react-stately/utils": "^3.5.1",
+        "@react-types/checkbox": "^3.4.1",
+        "@react-types/shared": "^3.16.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-stately/collections": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/collections/-/collections-3.5.0.tgz",
+      "integrity": "sha512-3BAMRjJqrka0IGvyK4m3WslqCeiEfQGx7YsXEIgIgMJoLpk6Fi1Eh4CI8coBnl/wcVLiIRMCIvxubwFRWTgzdg==",
+      "dependencies": {
+        "@babel/runtime": "^7.6.2",
+        "@react-types/shared": "^3.16.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-stately/combobox": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/combobox/-/combobox-3.3.0.tgz",
+      "integrity": "sha512-+9xQW6C4nMcx7M72P4vZdQECa9CqzALTM3HTNAXgdCmfEezhns/m4xGmn4hoN8iw39yYvU8Ffs80rgTFQ+/oFg==",
+      "dependencies": {
+        "@babel/runtime": "^7.6.2",
+        "@react-stately/list": "^3.6.0",
+        "@react-stately/menu": "^3.4.3",
+        "@react-stately/select": "^3.3.3",
+        "@react-stately/utils": "^3.5.1",
+        "@react-types/combobox": "^3.5.5",
+        "@react-types/shared": "^3.16.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-stately/layout": {
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/layout/-/layout-3.9.0.tgz",
+      "integrity": "sha512-uFdK98hIspBV9/RMW/JJaViuWyISdcm5GFplB361JZkhDaYblzomvkoX5Y1dKO5uH/BOjdM2AB5vfCb21oKEhg==",
+      "dependencies": {
+        "@babel/runtime": "^7.6.2",
+        "@react-stately/virtualizer": "^3.4.0",
+        "@react-types/grid": "^3.1.5",
+        "@react-types/shared": "^3.16.0",
+        "@react-types/table": "^3.3.3"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-stately/list": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/list/-/list-3.6.0.tgz",
+      "integrity": "sha512-sah2JAiqlSZhg1tQBSv9866LeAJISmosOFsOsVZPfyfAewuCksA+8OHrFtbKmMyzU5MbrmpbR8v2zZH7c1CLdg==",
+      "dependencies": {
+        "@babel/runtime": "^7.6.2",
+        "@react-stately/collections": "^3.5.0",
+        "@react-stately/selection": "^3.11.1",
+        "@react-stately/utils": "^3.5.1",
+        "@react-types/shared": "^3.16.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-stately/menu": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/@react-stately/menu/-/menu-3.4.3.tgz",
+      "integrity": "sha512-ZWym6XQSLaC5uFUTZl6+mreEgzc8EUG6ElcnvdXYcH4DWUfswhLxCi3IdnG0lusWEi4NcHbZ2prEUxpT8VKqrg==",
+      "dependencies": {
+        "@babel/runtime": "^7.6.2",
+        "@react-stately/overlays": "^3.4.3",
+        "@react-stately/utils": "^3.5.1",
+        "@react-types/menu": "^3.7.3",
+        "@react-types/shared": "^3.16.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-stately/overlays": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/@react-stately/overlays/-/overlays-3.4.3.tgz",
+      "integrity": "sha512-WZCr3J8hj0cplQki1OVBR3MXg2l9V017h15Y2h+TNduWvnKH0yYOE/XfWviAT4KUP0LYoQfCnZ7XMHv+UI+8JA==",
+      "dependencies": {
+        "@babel/runtime": "^7.6.2",
+        "@react-stately/utils": "^3.5.1",
+        "@react-types/overlays": "^3.6.5"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-stately/radio": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/@react-stately/radio/-/radio-3.6.1.tgz",
+      "integrity": "sha512-Hcg2qgvR7ekKMzVKeGby1FgMk3Sw4iDcEY/K1Y6j7UmGjM2HtQOq614tWQSQeGB25pp5I2jAWlparJeX0vY/oA==",
+      "dependencies": {
+        "@babel/runtime": "^7.6.2",
+        "@react-stately/utils": "^3.5.1",
+        "@react-types/radio": "^3.3.1",
+        "@react-types/shared": "^3.16.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-stately/select": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/@react-stately/select/-/select-3.3.3.tgz",
+      "integrity": "sha512-HTKKwx5tq21G2r3Q0CVC5v2Amftj1+DvBlFSRIC9ZqWyxeQg//HotX0GpYHzEEyj5hB1GjBklKJ4UVejqNbb0w==",
+      "dependencies": {
+        "@babel/runtime": "^7.6.2",
+        "@react-stately/collections": "^3.5.0",
+        "@react-stately/list": "^3.6.0",
+        "@react-stately/menu": "^3.4.3",
+        "@react-stately/selection": "^3.11.1",
+        "@react-stately/utils": "^3.5.1",
+        "@react-types/select": "^3.6.5",
+        "@react-types/shared": "^3.16.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-stately/selection": {
+      "version": "3.11.1",
+      "resolved": "https://registry.npmjs.org/@react-stately/selection/-/selection-3.11.1.tgz",
+      "integrity": "sha512-UHB6/eH5NJ+Q70G+pmnxohHfR3bh0szT+lOlWPj7Mh76WPu9bu07IHKLEob6PSzyJ81h7+Ysk3hdIgS3TewGog==",
+      "dependencies": {
+        "@babel/runtime": "^7.6.2",
+        "@react-stately/collections": "^3.5.0",
+        "@react-stately/utils": "^3.5.1",
+        "@react-types/shared": "^3.16.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-stately/slider": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/@react-stately/slider/-/slider-3.2.3.tgz",
+      "integrity": "sha512-l5ezt0+Gq67QO/J5u6YX00mzahRrANSXK/wBx7TVeIxqOAPOG9zc8M8O9Pa5fZB6lYAVpHMbV/aqLSkyy8ImTg==",
+      "dependencies": {
+        "@babel/runtime": "^7.6.2",
+        "@react-aria/i18n": "^3.6.2",
+        "@react-aria/utils": "^3.14.1",
+        "@react-stately/utils": "^3.5.1",
+        "@react-types/shared": "^3.16.0",
+        "@react-types/slider": "^3.3.1"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-stately/toggle": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/@react-stately/toggle/-/toggle-3.4.3.tgz",
+      "integrity": "sha512-HsJLMa5d9i6SWyDIahkJExkanXZek86//hirsgSU0IvY7YJx33Wek8UwHE5Vskp39DAOu18QMz2GrAngnUErYQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.6.2",
+        "@react-stately/utils": "^3.5.1",
+        "@react-types/checkbox": "^3.4.1",
+        "@react-types/shared": "^3.16.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-stately/tree": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/tree/-/tree-3.4.0.tgz",
+      "integrity": "sha512-MqxSABMzykwI6Wj1B7+jBcCoYc0b05CueRTQDyoL+PfVhnV0SzOH6P84UPD+FHlz8x3RG/2hTTmLr4A8McO2nQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.6.2",
+        "@react-stately/collections": "^3.5.0",
+        "@react-stately/selection": "^3.11.1",
+        "@react-stately/utils": "^3.5.1",
+        "@react-types/shared": "^3.16.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-stately/utils": {
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/@react-stately/utils/-/utils-3.5.1.tgz",
+      "integrity": "sha512-INeQ5Er2Jm+db8Py4upKBtgfzp3UYgwXYmbU/XJn49Xw27ktuimH9e37qP3bgHaReb5L3g8IrGs38tJUpnGPHA==",
+      "dependencies": {
+        "@babel/runtime": "^7.6.2"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-stately/virtualizer": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/virtualizer/-/virtualizer-3.4.0.tgz",
+      "integrity": "sha512-Yy5RKlt6W/1+qjJAVHxPJA0RgpN3KNHcSpnFHdus2OuEvylSXZ2kqwflj97Ao4XfNSpDIs4NQS/eOq+mpZlNqQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.6.2",
+        "@react-aria/utils": "^3.14.1",
+        "@react-types/shared": "^3.16.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-types/button": {
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/@react-types/button/-/button-3.7.0.tgz",
+      "integrity": "sha512-81BQO3QxSgF9PTXsVozNdNCKxBOB1lpbCWocV99dN1ws9s8uaYw8pmJJZ0LJKLiOsIECQ/3QrhQjmWTDW/qTug==",
+      "dependencies": {
+        "@react-types/shared": "^3.16.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-types/checkbox": {
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/@react-types/checkbox/-/checkbox-3.4.1.tgz",
+      "integrity": "sha512-kDMpy9SntjGQ7x00m5zmW8GENPouOtyiDgiEDKsPXUr2iYqHsNtricqVyG9S9+6hqpzuu8BzTcvZamc/xYjzlg==",
+      "dependencies": {
+        "@react-types/shared": "^3.16.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-types/combobox": {
+      "version": "3.5.5",
+      "resolved": "https://registry.npmjs.org/@react-types/combobox/-/combobox-3.5.5.tgz",
+      "integrity": "sha512-gpDo/NTQFd5IfCZoNnG16N4/JfvwXpZBNc15Kn7bF+NcpSDhDpI26BZN4mvK4lljKCheD4VrEl9/3PtImCg7cA==",
+      "dependencies": {
+        "@react-types/shared": "^3.16.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-types/grid": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/@react-types/grid/-/grid-3.1.5.tgz",
+      "integrity": "sha512-KiEywsOJ+wdzLmJerAKEMADdvdItaLfhdo3bFfn1lgNUaKiNDJctDYWlhOYsRePf7MIrzoZuXEFnJj45jfpiOQ==",
+      "dependencies": {
+        "@react-types/shared": "^3.16.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-types/label": {
+      "version": "3.7.1",
+      "resolved": "https://registry.npmjs.org/@react-types/label/-/label-3.7.1.tgz",
+      "integrity": "sha512-wFpdtjSDBWO4xQQGF57V3PqvVVyE9TPj9ELWLs1yzL09fpXosycuEl5d79RywVlC9aF9dQYUfES09q/DZhRhMQ==",
+      "dependencies": {
+        "@react-types/shared": "^3.16.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-types/listbox": {
+      "version": "3.3.5",
+      "resolved": "https://registry.npmjs.org/@react-types/listbox/-/listbox-3.3.5.tgz",
+      "integrity": "sha512-7SMRJWUi7ayzQ7SUPCXXwgI/Ua3vg0PPQOZFsmJ4/E8VG/xK82IV7BYSZiNjUQuGpVZJL0VPndt/RwIrQO4S3w==",
+      "dependencies": {
+        "@react-types/shared": "^3.16.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-types/menu": {
+      "version": "3.7.3",
+      "resolved": "https://registry.npmjs.org/@react-types/menu/-/menu-3.7.3.tgz",
+      "integrity": "sha512-3Pax24I/FyNKBjKyNR4ePD8eZs35Th57HzJAVjamQg2fHEDRomg9GQ7fdmfGj72Dv3x3JRCoPYqhJ3L5R3kbzg==",
+      "dependencies": {
+        "@react-types/overlays": "^3.6.5",
+        "@react-types/shared": "^3.16.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-types/overlays": {
+      "version": "3.6.5",
+      "resolved": "https://registry.npmjs.org/@react-types/overlays/-/overlays-3.6.5.tgz",
+      "integrity": "sha512-IeWcF+YTucCYYHagNh8fZLH6R4YUONO1VHY57WJyIHwMy0qgEaKSQCwq72VO1fQJ0ySZgOgm31FniOyKkg6+eQ==",
+      "dependencies": {
+        "@react-types/shared": "^3.16.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-types/radio": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/@react-types/radio/-/radio-3.3.1.tgz",
+      "integrity": "sha512-q/x0kMvBsu6mH4bIkp/Jjrm9ff5y/p3UR0V4CmQFI7604gQd2Dt1dZMU/2HV9x70r1JfWRrDeRrVjUHVfFL5Vg==",
+      "dependencies": {
+        "@react-types/shared": "^3.16.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-types/select": {
+      "version": "3.6.5",
+      "resolved": "https://registry.npmjs.org/@react-types/select/-/select-3.6.5.tgz",
+      "integrity": "sha512-FDeSA7TYMNnhsbXREnD4dWRSu21T5M4BLy+J/5VgwDpr3IN9pzbvngK8a3jc8Yg2S3igKYLMLYfmcsx+yk7ohA==",
+      "dependencies": {
+        "@react-types/shared": "^3.16.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-types/shared": {
+      "version": "3.16.0",
+      "resolved": "https://registry.npmjs.org/@react-types/shared/-/shared-3.16.0.tgz",
+      "integrity": "sha512-IQgU4oAEvMwylEvaTsr2XB1G/mAoMe1JFYLD6G78v++oAR9l8o9MQxZ0YSeANDkqTamb2gKezGoT1RxvSKjVxw==",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-types/slider": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/@react-types/slider/-/slider-3.3.1.tgz",
+      "integrity": "sha512-CbEa1v1IcUJD7VrFhWyOOlT7VyQ5DHEf/pNMkvICOBLMAwnWxS+tnTiRFgA/EbvV/vp24ydeszHYtMvsyRONRw==",
+      "dependencies": {
+        "@react-types/shared": "^3.16.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-types/switch": {
+      "version": "3.2.5",
+      "resolved": "https://registry.npmjs.org/@react-types/switch/-/switch-3.2.5.tgz",
+      "integrity": "sha512-DlUL0Bz79SUTRje/i8m6qn4Ipn+q8QnyIkyJhkoHeH1R0YNude8xZrBPWbj3zfdddAGDFSF1NzP69q0xmNAcTQ==",
+      "dependencies": {
+        "@react-types/checkbox": "^3.4.1",
+        "@react-types/shared": "^3.16.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-types/table": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/@react-types/table/-/table-3.3.3.tgz",
+      "integrity": "sha512-rdY8PCzdqumVd6EFgN4NCoNRHdU4dVKH2oufr50TrAVPAz2KyoNXaGcDGe0q4RjQeTk+fc0sCvRZZdpMwHRVpQ==",
+      "dependencies": {
+        "@react-types/grid": "^3.1.5",
+        "@react-types/shared": "^3.16.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-types/textfield": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/@react-types/textfield/-/textfield-3.6.1.tgz",
+      "integrity": "sha512-V3EyYw82GVJQbNN0OAWpOLs/UQij+AgUuJpxh8192p/q0B3/9lqepZ9b+Qts2XgMsA+3Db+KgFMWm2IdjaZbpQ==",
+      "dependencies": {
+        "@react-types/shared": "^3.16.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@segment/loosely-validate-event": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/@segment/loosely-validate-event/-/loosely-validate-event-2.0.0.tgz",
       "integrity": "sha512-2ZTgtl0nJsO0KQCjEpxcIr5D+Yv90plTitZt9JBfQvVJDS5seMl3FOvsh3+9CoYWXf/1l5OaZzzF6nDm4cagaQ==",
       "optional": true
     },
-    "node_modules/nanoid": {
-      "version": "3.3.4",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz",
-      "integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==",
-      "peer": true,
-      "bin": {
-        "nanoid": "bin/nanoid.cjs"
-      },
-      "engines": {
-        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
-      }
-    },
     "node_modules/nanomatch": {
       "version": "1.2.13",
       "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz",
         "node": ">=0.6"
       }
     },
-    "node_modules/query-string": {
-      "version": "7.1.3",
-      "resolved": "https://registry.npmjs.org/query-string/-/query-string-7.1.3.tgz",
-      "integrity": "sha512-hh2WYhq4fi8+b+/2Kg9CEge4fDPvHS534aOOvOZeQ3+Vf2mCFsaFBYj0i+iXcAq6I9Vzp5fjMFBlONvayDC1qg==",
-      "peer": true,
-      "dependencies": {
-        "decode-uri-component": "^0.2.2",
-        "filter-obj": "^1.1.0",
-        "split-on-first": "^1.0.0",
-        "strict-uri-encode": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/querystring": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/querystring/-/querystring-0.2.0.tgz",
         "react-native": "*"
       }
     },
+    "node_modules/react-native-svg": {
+      "version": "13.4.0",
+      "resolved": "https://registry.npmjs.org/react-native-svg/-/react-native-svg-13.4.0.tgz",
+      "integrity": "sha512-B3TwK+H0+JuRhYPzF21AgqMt4fjhCwDZ9QUtwNstT5XcslJBXC0FoTkdZo8IEb1Sv4suSqhZwlAY6lwOv3tHag==",
+      "dependencies": {
+        "css-select": "^5.1.0",
+        "css-tree": "^1.1.3"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+      }
+    },
+    "node_modules/react-native-svg/node_modules/css-select": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.1.0.tgz",
+      "integrity": "sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==",
+      "dependencies": {
+        "boolbase": "^1.0.0",
+        "css-what": "^6.1.0",
+        "domhandler": "^5.0.2",
+        "domutils": "^3.0.1",
+        "nth-check": "^2.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/react-native-svg/node_modules/css-tree": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.1.3.tgz",
+      "integrity": "sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==",
+      "dependencies": {
+        "mdn-data": "2.0.14",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/react-native-svg/node_modules/dom-serializer": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
+      "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
+      "dependencies": {
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.2",
+        "entities": "^4.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+      }
+    },
+    "node_modules/react-native-svg/node_modules/domhandler": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
+      "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
+      "dependencies": {
+        "domelementtype": "^2.3.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/react-native-svg/node_modules/domutils": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.0.1.tgz",
+      "integrity": "sha512-z08c1l761iKhDFtfXO04C7kTdPBLi41zwOZl00WS8b5eiaebNpY00HKbztwBq+e3vyqWNwWF3mP9YLUeqIrF+Q==",
+      "dependencies": {
+        "dom-serializer": "^2.0.0",
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domutils?sponsor=1"
+      }
+    },
+    "node_modules/react-native-svg/node_modules/entities": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.4.0.tgz",
+      "integrity": "sha512-oYp7156SP8LkeGD0GF85ad1X9Ai79WtRsZ2gxJqtBuzH+98YUV6jkHEKlZkMbcrjJjIVJNIDP/3WL9wQkoPbWA==",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/react-native-svg/node_modules/mdn-data": {
+      "version": "2.0.14",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
+      "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow=="
+    },
+    "node_modules/react-native-svg/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/react-native-vector-icons": {
       "version": "9.2.0",
       "resolved": "https://registry.npmjs.org/react-native-vector-icons/-/react-native-vector-icons-9.2.0.tgz",
         "node": ">=0.10.0"
       }
     },
+    "node_modules/use-subscription": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/use-subscription/-/use-subscription-1.8.0.tgz",
+      "integrity": "sha512-LISuG0/TmmoDoCRmV5XAqYkd3UCBNM0ML3gGBndze65WITcsExCD3DTvXXTLyNcOC0heFQZzluW88bN/oC1DQQ==",
+      "dependencies": {
+        "use-sync-external-store": "^1.2.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/use-sync-external-store": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz",

MocionesIUPI/routes/homeStack.js

 const screens = {
     Home: {
         screen: HomeScreen,
-        screen: PincodeScreen,
         backgroundColor: '#e81b39', // no se como hacer que despliegue color
     },
 
     Mocion: {
         screen: MocionScreen,
+    },
 
+    Pinpage: {
+        screen: PincodeScreen,
     },
+
     test: {
         screen: testscreen,
     }

MocionesIUPI/screens/HomeScreen.js

 import { StyleSheet, View, Text, Button } from 'react-native';
 import { globalStyles } from "../styles/global";
 
-export default function HomeScreen() {
+export default function HomeScreen({ navigation }) {
+    
+    const pressHandler = () => {
+        navigation.navigate('Pinpage')
+    }
+
     return (
         <View style = {globalStyles.container}>
             <Text style = {globalStyles.tittleText}>Home Screen</Text>
+            <Button title='Ir a pagina de pin' onPress={pressHandler} />
         </View>
+        
+        
+
     )
 }
 

MocionesIUPI/screens/PincodeScreen.js

               />
           </View>
           
-          { pincode && <Button title='Ir a mocion' onPress={this.pressHandler} />}
-          
+          <View style={globalStyles.container}>
+            { pincode && <Button title='Ir a mocion' onPress={this.pressHandler} />}
+          </View>
+
         </View>
       );
     }