Implementación pantalla modificar lista de reserva de materiales

parent d2e6830c
Showing with 12 additions and 35 deletions
#Thu Jan 12 15:39:40 CET 2023
#Fri Jan 13 23:14:18 CET 2023
C\:\\Users\\ferna\\OneDrive\\Escritorio\\proyecto_TDDM\\android\\app\\src\\main\\res\\mipmap-xhdpi\\ic_launcher_round.png=C\:\\Users\\ferna\\OneDrive\\Escritorio\\proyecto_TDDM\\android\\app\\build\\intermediates\\merged_res\\debug\\mipmap-xhdpi_ic_launcher_round.png.flat
C\:\\Users\\ferna\\OneDrive\\Escritorio\\proyecto_TDDM\\android\\app\\src\\main\\res\\mipmap-xxhdpi\\ic_launcher_round.png=C\:\\Users\\ferna\\OneDrive\\Escritorio\\proyecto_TDDM\\android\\app\\build\\intermediates\\merged_res\\debug\\mipmap-xxhdpi_ic_launcher_round.png.flat
C\:\\Users\\ferna\\OneDrive\\Escritorio\\proyecto_TDDM\\android\\app\\src\\main\\res\\mipmap-xhdpi\\ic_launcher.png=C\:\\Users\\ferna\\OneDrive\\Escritorio\\proyecto_TDDM\\android\\app\\build\\intermediates\\merged_res\\debug\\mipmap-xhdpi_ic_launcher.png.flat
......
#Thu Jan 12 15:41:06 CET 2023
#Fri Jan 13 23:15:16 CET 2023
path.4=14/classes.dex
path.3=12/classes.dex
path.2=0/classes.dex
......
......@@ -151,11 +151,11 @@ const BarraTitulo = () => {
<Stack.Screen
name="Materiales"
component={ListaMateriales}
options = {{
title: '',
options = {({route}) => ({
title: route.params.nombreListaMat,
headerStyle: { backgroundColor: '#7D9BFF' },
headerTintColor: 'white'
}}/>
})}/>
</Stack.Navigator>
</NavigationContainer>
);
......
import React, { useEffect, Component, useState } from 'react';
import React, { useEffect, Component} from 'react';
import {FlatList, Text, TextInput, View, StyleSheet, TouchableOpacity, Image} from 'react-native';
const estilosMaterialesLista = StyleSheet.create({
......@@ -127,7 +127,7 @@ class ListaMateriales extends Component {
CambiarCantidad = (index, text) => {
const numeroTexto = Number(text)
if(!isNaN(numeroTexto)) {
let {listaMat} = this.state;
let {listaMat} = this.state;
this.state.cantidadTotal = this.state.cantidadTotal + (numeroTexto - listaMat[index].cantidadMaterial);
listaMat[index].cantidadMaterial = Number(text);
this.setState({listaMat});
......@@ -135,12 +135,11 @@ class ListaMateriales extends Component {
}
render() {
this.props.navigation.setOptions({title: this.props.route.params.nombreListaMat});
return (
<View style={estilosMaterialesLista.margenes}>
<FlatList
extraData={this.state}
data = {this.state.listaMat}
keyExtractor={(item) => item.material}
renderItem={({item, index}) => {
return (
<View>
......@@ -151,7 +150,7 @@ class ListaMateriales extends Component {
<Image style={estilosMaterialesLista.iconos} source={require("./assets/img/icons/iconoElim.png")}/>
</TouchableOpacity>
<TextInput style={estilosMaterialesLista.textoMaterial} textAlign={'center'} maxLength={3} keyboardType={'number-pad'}
defaultValue={item.cantidadMaterial.toString()} placeholder={item.cantidadMaterial.toString()}
value={item.cantidadMaterial.toString()} placeholder={item.cantidadMaterial.toString()}
onChangeText={(text) => this.CambiarCantidad(index, text)}/>
<TouchableOpacity style={{marginLeft: 3, alignSelf: 'center'}} onPress={() => {this.AumentarCantidad(index)}}>
<Image style={estilosMaterialesLista.iconos} source={require("./assets/img/icons/iconoAñadir.png")}/>
......@@ -162,7 +161,7 @@ class ListaMateriales extends Component {
);
}}
/>
<TouchableOpacity style={estilosMaterialesLista.botonMod} onPress={this.onPress}>
<TouchableOpacity style={estilosMaterialesLista.botonMod} onPress={() => this.props.navigation.goBack(null)}>
<Text style={estilosMaterialesLista.textoBoton}>MODIFICAR ({this.state.cantidadTotal} materiales)</Text>
</TouchableOpacity>
</View>
......@@ -170,25 +169,4 @@ class ListaMateriales extends Component {
}
}
/*const Material = ({item, index}) => {
return (
<View>
<View style={[estilosMaterialesLista.elementosFila, estilosMaterialesLista.contenedorMaterial]}>
<Text style={estilosMaterialesLista.textoMaterial}>{item.material}</Text>
<View style={[estilosMaterialesLista.elementosFila, {width: 75}]}>
<TouchableOpacity style={{marginRight: 10, alignSelf: 'center'}}>
<Image style={estilosMaterialesLista.iconos} source={require("./Imagenes/iconoElim.png")}/>
</TouchableOpacity>
<Text style={estilosMaterialesLista.textoMaterial}> {item.cantidadMaterial} </Text>
<TouchableOpacity style={{marginLeft: 10, alignSelf: 'center'}} onPress={()=>
setListMat(listMat[index].cantidadMaterial + 1)}>
<Image style={estilosMaterialesLista.iconos} source={require("./Imagenes/iconoAñadir.png")}/>
</TouchableOpacity>
</View>
</View>
</View>
);
};*/
export default ListaMateriales;
\ No newline at end of file
#Thu Jan 12 15:39:37 CET 2023
#Fri Jan 13 23:14:14 CET 2023
C\:\\Users\\ferna\\OneDrive\\Escritorio\\proyecto_TDDM\\node_modules\\react-native-screens\\android\\src\\main\\res\\anim\\rns_fade_from_bottom.xml=C\:\\Users\\ferna\\OneDrive\\Escritorio\\proyecto_TDDM\\node_modules\\react-native-screens\\android\\build\\intermediates\\packaged_res\\debug\\anim\\rns_fade_from_bottom.xml
C\:\\Users\\ferna\\OneDrive\\Escritorio\\proyecto_TDDM\\node_modules\\react-native-screens\\android\\src\\main\\res\\anim\\rns_slide_in_from_right.xml=C\:\\Users\\ferna\\OneDrive\\Escritorio\\proyecto_TDDM\\node_modules\\react-native-screens\\android\\build\\intermediates\\packaged_res\\debug\\anim\\rns_slide_in_from_right.xml
C\:\\Users\\ferna\\OneDrive\\Escritorio\\proyecto_TDDM\\node_modules\\react-native-screens\\android\\src\\main\\res\\anim\\rns_no_animation_medium.xml=C\:\\Users\\ferna\\OneDrive\\Escritorio\\proyecto_TDDM\\node_modules\\react-native-screens\\android\\build\\intermediates\\packaged_res\\debug\\anim\\rns_no_animation_medium.xml
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment