added pincode

MocionesIUPI/package-lock.json

@@ -12,6 +12,7 @@
         "@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": "18.1.0",
@@ -20,6 +21,7 @@
         "react-native-paper": "^3.12.0",
         "react-native-safe-area-context": "4.4.1",
         "react-native-screens": "~3.18.0",
+        "react-native-smooth-pincode-input": "^1.0.9",
         "react-native-vector-icons": "^9.2.0",
         "react-native-web": "~0.18.9",
         "react-navigation-material-bottom-tabs": "^2.3.5",
@@ -7701,6 +7703,16 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/deprecated-react-native-prop-types": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/deprecated-react-native-prop-types/-/deprecated-react-native-prop-types-2.2.0.tgz",
+      "integrity": "sha512-SiessglRbgelU8sHCrGRImdlNKfVGSp0n6+K304d0rCdHGU8wladJkPmufxE2AkjN2jy71sgekNd9IvdZp9jZg==",
+      "dependencies": {
+        "@react-native/normalize-color": "*",
+        "invariant": "*",
+        "prop-types": "*"
+      }
+    },
     "node_modules/des.js": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/des.js/-/des.js-1.0.1.tgz",
@@ -15384,6 +15396,14 @@
         "react": "18.1.0"
       }
     },
+    "node_modules/react-native-animatable": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/react-native-animatable/-/react-native-animatable-1.3.3.tgz",
+      "integrity": "sha512-2ckIxZQAsvWn25Ho+DK3d1mXIgj7tITkrS4pYDvx96WyOttSvzzFeQnM2od0+FUMzILbdHDsDEqZvnz1DYNQ1w==",
+      "dependencies": {
+        "prop-types": "^15.7.2"
+      }
+    },
     "node_modules/react-native-codegen": {
       "version": "0.70.6",
       "resolved": "https://registry.npmjs.org/react-native-codegen/-/react-native-codegen-0.70.6.tgz",
@@ -15479,6 +15499,18 @@
         "react-native": "*"
       }
     },
+    "node_modules/react-native-smooth-pincode-input": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/react-native-smooth-pincode-input/-/react-native-smooth-pincode-input-1.0.9.tgz",
+      "integrity": "sha512-4V4tyUGJaze55FHuJW/gYVOD3fc4Pd7cTIrv7liTRIXR49y09C2O3XqJUdgNR+UwTgLrTt/8L2lvEuEVUk3kig==",
+      "dependencies": {
+        "prop-types": "^15.5.10",
+        "react-native-animatable": "^1.3.0"
+      },
+      "peerDependencies": {
+        "react-native": "*"
+      }
+    },
     "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",

MocionesIUPI/package.json

@@ -13,6 +13,7 @@
     "@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": "18.1.0",
@@ -21,6 +22,7 @@
     "react-native-paper": "^3.12.0",
     "react-native-safe-area-context": "4.4.1",
     "react-native-screens": "~3.18.0",
+    "react-native-smooth-pincode-input": "^1.0.9",
     "react-native-vector-icons": "^9.2.0",
     "react-native-web": "~0.18.9",
     "react-navigation-material-bottom-tabs": "^2.3.5",

MocionesIUPI/routes/homeStack.js

@@ -3,6 +3,9 @@ import { createAppContainer } from 'react-navigation';
 import React from "react";
 
 import HomeScreen from '../screens/HomeScreen';
+import PincodeScreen from '../screens/PincodeScreen';
+import testscreen from '../screens/testscreen';
+
 // import MocionPage from '../screens/MocionPage';
 
 {/*Aqui deberan estar todas las pantallas de la aplicacion
@@ -10,8 +13,12 @@ import HomeScreen from '../screens/HomeScreen';
 const screens = {
     Home: {
         screen: HomeScreen,
+        screen: PincodeScreen,
         backgroundColor: '#e81b39', // no se como hacer que despliegue color
     },
+    test: {
+        screen: testscreen,
+    }
 }
 
 const HomeStack = createStackNavigator(screens);