Challenge: Application Styling

Complete this hands-on exercise to test your knowledge of application styling in React Native.

This challenge will test your knowledge of application styling in React Native. You’ll use these concepts to create a minimalistic user interface.

Task

Build a user interface for a calculator application that shows:

  • A header component that displays the text “Calculator.”

  • A “Delete” button.

  • An “Answer” button.

  • “1,” “2,” “3,” “/” “4,” “5,” “6,” “-” “7,” “8,” “9,” “X” “.” “0” “%” and “÷” buttons.

Expected output

The illustration below shows what the final output should look like after completing the challenge.

Get hands-on with 1400+ tech skills courses.