I would like to know how to enable and disable a button and how to enable it I change the color.
<TouchableOpacity disabled={disabled} onPress={() => navigation.navigate("ReviewOrder",{quantityOrders:screenProps.quantityOrders})}>
<View style={styles.circleOrder}>
<Text style={styles.labelNroOrder}>{screenProps.quantityOrders}</Text>
</View>
</TouchableOpacity>: null
}
this may work for you
constructor(props) {
super(props);
this.state = {
disabled: true
};
}
funciona() {
console.log('yey! :3');
}
habilitarBoton() {
this.state.disabled === true ?
this.setState({disabled: false})
:this.setState({disabled: true});
}
render() {
let colorDelBoton = [{backgroundColor: this.state.disabled === false ? '#face34' : 'gray'}];
return (<View>
<TouchableOpacity onPress={() => this.habilitarBoton()}>
<Text>Habilitar el otro boton</Text>
</TouchableOpacity>
<TouchableOpacity style={colorDelBoton} onPress={() => this.state.disabled === false ?this.funciona() :null}>
<Text>Otro boton</Text>
</TouchableOpacity>
</View>);
}