Let’s work on the layout of the screen.
The screen should have three lines, all of the same height.
The second line should have two columns - the second should be twice as wide as the first.
The background of the first line should be rgb(255, 198, 0), the text should be Header.
The background of the first column of the second row should be #38287F, the text should be 1.
The background of the second column is rgb(29,104,208), text 2.
The background of the third line should be #1DBEBE, the text should be Footer.

This task is part of the Full-Stack JavaScript Course
If you have any issues with it, you can ask for community help below the post
Feel free to help others if you’ve already solved the task


import React from 'react';
import { View } from 'react-native';

export default function App() {
  return <View />;


  "expo": {
    "name": "1",
    "slug": "1",
    "version": "1.0.0",
    "orientation": "portrait",
    "icon": "./assets/icon.png",
    "splash": {
      "image": "./assets/splash.png",
      "resizeMode": "contain",
      "backgroundColor": "#ffffff"
    "updates": {
      "fallbackToCacheTimeout": 0
    "assetBundlePatterns": [
    "ios": {
      "supportsTablet": true
    "android": {
      "adaptiveIcon": {
        "foregroundImage": "./assets/adaptive-icon.png",
        "backgroundColor": "#FFFFFF"
    "web": {
      "favicon": "./assets/favicon.png"