Git Product home page Git Product logo

desarrollo-movil-challenge-4's Introduction

Challenge 4 del curso de Desarrollo Móvil de Coderhouse

Para poder resolver este challenge seguir los siguientes pasos

  1. Clonar este repositorio
  2. Una vez clonado, dentro de la carpeta del proyecto correr yarn o npm install para instalar las dependencias necesarias
  3. Hacer un nuevo branch con tu nombre y apellido para identificarte (ej. git checkout -b gonzalo-aguirre)
  4. Correr el proyecto usando exp start
  5. Resolver el enunciado, haciendo un nuevo commit al resolver cada parte
  6. Hacer un push del nuevo branch
  7. Desde github.com crear un nuevo pull request desde ese branch hacia master

Enunciado

Todos los cambios necesarios deben hacerse sobre el archivo Tarjeta.js

Estilos múltiples

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.

Estilos condicionales

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.

Estilos via props

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.

desarrollo-movil-challenge-4's People

Contributors

gaguirre avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.