Estilos ProducDetailScreen
const styles = StyleSheet.create({
container: {
height:
Platform.OS === 'ios'
? Dimensions.get('window').height -
sizes.headerHeight -
sizes.ctaButton * 2 +
10 -
50
: Dimensions.get('window').height -
sizes.headerHeight -
sizes.ctaButton * 2 +
10,
},
imageContainer: {
borderBottomStartRadius: 8,
borderBottomEndRadius: 8,
overflow: 'hidden',
},
itemImage: {
width: Dimensions.get('window').width,
height: Dimensions.get('window').width,
},
textContainer: {
padding: 16,
},
itemPrice: {
color: colors.darkGrey,
fontSize: 24,
lineHeight: 24,
fontWeight: '700',
marginBottom: 8,
},
itemTitle: {
color: colors.grey,
fontSize: 20,
lineHeight: 20,
marginBottom: 16,
},
itemDescription: {
color: colors.darkGrey,
fontSize: 16,
},
buttonContainer: {
height: sizes.ctaButton * 2,
marginHorizontal: 8,
padding: 8,
borderRadius: 8,
},
buttonTextAdd: {
color: colors.white,
fontWeight: 'bold',
},
buttonAdd: {
backgroundColor: colors.green,
alignItems: 'center',
justifyContent: 'center',
paddingVertical: 12,
paddingHorizontal: 32,
borderRadius: 4,
},
buttonTextDelete: {
color: colors.darkGrey,
fontWeight: 'bold',
},
buttonDelete: {
backgroundColor: colors.lightGrey,
alignItems: 'center',
justifyContent: 'center',
paddingVertical: 12,
paddingHorizontal: 32,
borderRadius: 4,
},
});
¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.