Para poder resolver este challenge seguir los siguientes pasos
- Clonar este repositorio
- Una vez clonado, dentro de la carpeta del proyecto correr
yarn
onpm install
para instalar las dependencias necesarias - Hacer un nuevo branch con tu nombre y apellido para identificarte (ej.
git checkout -b gonzalo-aguirre
) - Correr el proyecto usando
exp start
- Resolver el enunciado, haciendo un nuevo commit al resolver cada parte
- Hacer un push del nuevo branch
- Desde github.com crear un nuevo pull request desde ese branch hacia master
Todos los cambios necesarios deben hacerse sobre el archivo Tarjeta.js
Crear un nuevo estilo dentro del StyleSheet
ya existente que se llame conSombra
con los siguientes valores
{
shadowColor: 'black',
shadowOffset: {
height: 1,
width: 1,
},
shadowRadius: 1.5,
shadowOpacity: 0.5,
elevation: 2,
padding: 10,
}
Aplicar ese estilo a todo la tarjeta, sin perder los estilos de container
.
Crear un nuevo estilo dentro del StyleSheet
ya existente que se llame textoChico
y que se aplique en caso de que se estén mostrando tanto el nombre como el apellido.
Este estilo debe aplicarse de manera que no se pierdan los estilos ya definidos en texto
.
Agregar una prop style
al componente de Tarjeta.js
. Ese estilo deberá ser aplicado a nuestro elemento contenedor, siempre manteniendo el estilo ya aplicado.
Modificar el archivo App.js
, pasando un estilo que aplique un margen de 10 a nuestra tarjeta.