Agrega Practica 2 y 3: Componente Alumno y lista dinamica

Author: Herwini

hola-mundo/.gitignore

@@ -0,0 +1,41 @@
+# Learn more https://docs.github.com/en/get-started/getting-started-with-git/ignoring-files
+
+# dependencies
+node_modules/
+
+# Expo
+.expo/
+dist/
+web-build/
+expo-env.d.ts
+
+# Native
+.kotlin/
+*.orig.*
+*.jks
+*.p8
+*.p12
+*.key
+*.mobileprovision
+
+# Metro
+.metro-health-check*
+
+# debug
+npm-debug.*
+yarn-debug.*
+yarn-error.*
+
+# macOS
+.DS_Store
+*.pem
+
+# local env files
+.env*.local
+
+# typescript
+*.tsbuildinfo
+
+# generated native folders
+/ios
+/android

hola-mundo/App.js

@@ -0,0 +1,200 @@
+import { StatusBar } from 'expo-status-bar';
+// CORRECCIÓN: SafeAreaView ahora viene de react-native
+import { StyleSheet, Text, View, ScrollView, SafeAreaView } from 'react-native';
+import { useState } from 'react';
+// Asegúrate de que esta ruta apunte a tu carpeta src
+import Alumno from './src/components/Alumno'; 
+
+export default function App() {
+  const alumnos = [
+    // ... (Aquí va toda la lista de alumnos que mandó tu maestra) ...
+    { nombre: 'CANDELARIA MORA SAMANTHA', matricula: '2114354' },
+    { nombre: 'CANTU SILVA JAVIER', matricula: '2111889' },
+    {
+      nombre: 'CARMONA LOZANO ANGEL EMILIANO',
+      matricula: '2069119'
+    },
+    {
+      nombre: 'CASTILLO ACOSTA JORGE',
+      matricula: '2132842'
+    },
+    {
+      nombre: 'DAVILA GONZALEZ ALDO ADRIAN',
+      matricula: '1994122'
+    },
+    {
+      nombre: 'DURAN BARRIENTOS FABRIZIO',
+      matricula: '2018230'
+    },
+    {
+      nombre: 'FLORES GONZALEZ SEBASTIAN',
+      matricula: '2104564'
+    },
+    {
+      nombre: 'DURAN BARRIENTOS FABRIZIO',
+      matricula: '2018230'
+    },
+    {
+      nombre: 'FLORES GONZALEZ SEBASTIAN',
+      matricula: '2104564'
+    },
+    {
+      nombre: 'FLORES LÓPEZ DIEGO',
+      matricula: '2066033'
+    },
+    {
+      nombre: 'FLORES MARTINEZ ERICK ADRIAN',
+      matricula: '2132976'
+    },
+    {
+      nombre: 'GARZA AVALOS DIEGO',
+      matricula: '2066114'
+    },
+    {
+      nombre: 'GONZALEZ OVALLE CHRISTIAN GABRIEL',
+      matricula: '2031243'
+    },
+    {
+      nombre: 'GRANJA PEÑA DIEGO',
+      matricula: '2064733'
+    },
+    {
+      nombre: 'IBARRA RODRIGUEZ ALEXIS',
+      matricula: '2031243'
+    },
+    {
+      nombre: 'MARTINEZ ELIAS ANGEL SEBASTIAN',
+      matricula: '2064733'
+    },
+    {
+      nombre: 'MENDIETA GONZALEZ ESMERALDA GABRIELA',
+      matricula: '2094647'
+    },
+    {
+      nombre: 'MIRELES VELAZQUEZ ALEJANDRO',
+      matricula: '2005102'
+    },
+    {
+      nombre: 'MONSIVAIS SALAZAR ANDRES',
+      matricula: '2064574'
+    },
+    {
+      nombre: 'PARRAZALEZ VALDESPINO MARTHA JULIETA',
+      matricula: '2024783'
+    },
+    {
+      nombre: 'PEÑA MUNGARRO LUIS ANGEL',
+      matricula: '2066077'
+    },
+    {
+      nombre: 'PUENTE REYNOSO JULIO CESAR',
+      matricula: '2092151'
+    },
+    {
+      nombre: 'RAMIREZ LOPEZ BRYAN',
+      matricula: '2103708'
+    },
+    {
+      nombre: 'RAMOS AVILA LILIANA VALERIA',
+      matricula: '2115192'
+    },
+    {
+      nombre: 'RICO JAUREGUI MAURICIO',
+      matricula: '2037503'
+    },
+    {
+      nombre: 'RIVERA LUNA ADRIAN',
+      matricula: '2131513'
+    },
+    {
+      nombre: 'RIVERA REYNA JOSE EMILIO',
+      matricula: '2013503'
+    },
+    {
+      nombre: 'RODRIGUEZ OLVERA ROSA ISELA',
+      matricula: '2004613'
+    },
+    {
+      nombre: 'RODRIGUEZ RODRIGUEZ ANGEL AZAEL',
+      matricula: '2133022'
+    },
+    {
+      nombre: 'SANCHEZ GALARZA JUAN CARLOS',
+      matricula: '2026061'
+    },
+    {
+      nombre: 'SOLIS ORTIZ ALFREDO',
+      matricula: '2095320'
+    },
+    {
+      nombre: 'VELAZQUEZ ABREGO HERWIN DANIEL',
+      matricula: '2025350'
+    },
+    {
+      nombre: 'VILLAGRA RODRIGUEZ ANDRES NEHUEL',
+      matricula: '2103895'
+    },
+    {
+      nombre: 'ZACATENCO OLIVE RODRIGO',
+      matricula: '1857791'
+    },
+    {
+      nombre: 'ZAVALA CANTU TERESA MARGARITA',
+      matricula: '2025218'
+    }
+  ];
+
+  // Funcionalidad del Botón 
+  const [mensaje, setMensaje] = useState('Toca un botón para saludar');
+
+  // Modificamos la función para que reciba el nombre del alumno
+  const saludo = (nombreDelAlumno) => {
+    setMensaje('Hola, ' + nombreDelAlumno);
+  };
+
+  return (
+   <SafeAreaView style={estilos.container}>
+      <StatusBar style="auto" />
+      
+      {/* Aquí mostramos el estado dinámico */}
+      <View style={estilos.header}>
+        <Text style={estilos.textoMensaje}>{mensaje}</Text>
+      </View>
+
+      <ScrollView contentContainerStyle={estilos.contenido}>
+        {alumnos.map((alumno, index) => 
+          (
+            <Alumno 
+              key={index} // Usamos index para evitar el error de matrículas duplicadas
+              nombre={alumno.nombre} 
+              matricula={alumno.matricula}
+              // Le mandamos la función "saludo" al componente Alumno
+              accionBoton={() => saludo(alumno.nombre)} 
+            />
+          )
+        )}
+      </ScrollView>
+    </SafeAreaView>
+  )
+}
+
+const estilos = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#fff',
+    paddingTop: 40, 
+  },
+  header: {
+    backgroundColor: '#c1121f',
+    padding: 20,
+    alignItems: 'center',
+  },
+  textoMensaje: {
+    color: '#fff',
+    fontSize: 18,
+    fontWeight: 'bold',
+  },
+  contenido: {
+    paddingBottom: 20,
+  }
+});

hola-mundo/app.json

@@ -0,0 +1,29 @@
+{
+  "expo": {
+    "name": "hola-mundo",
+    "slug": "hola-mundo",
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "icon": "./assets/icon.png",
+    "userInterfaceStyle": "light",
+    "newArchEnabled": true,
+    "splash": {
+      "image": "./assets/splash-icon.png",
+      "resizeMode": "contain",
+      "backgroundColor": "#ffffff"
+    },
+    "ios": {
+      "supportsTablet": true
+    },
+    "android": {
+      "adaptiveIcon": {
+        "foregroundImage": "./assets/adaptive-icon.png",
+        "backgroundColor": "#ffffff"
+      },
+      "edgeToEdgeEnabled": true
+    },
+    "web": {
+      "favicon": "./assets/favicon.png"
+    }
+  }
+}

hola-mundo/assets/adaptive-icon.png

@@ -0,0 +1,8 @@
+import { registerRootComponent } from 'expo';
+
+import App from './App';
+
+// registerRootComponent calls AppRegistry.registerComponent('main', () => App);
+// It also ensures that whether you load the app in Expo Go or in a native build,
+// the environment is set up appropriately
+registerRootComponent(App);