Структура лестницы уже готова. Осталось только указать ширину ступенек.
Ширина нижней ступеньки должна равняться ширине экрана.
Ширина второй снизу ступенька должна составлять 0.75 ширины экрана.
Ширина третьей снизу ступенька должна составлять 0.5 ширины экрана.
Ширина верхней ступеньки должна составлять 0.25 ширины экрана.
Высота каждой ступеньки должна составлять 0.25 высоты окна просмотра.
Для выполнения задачи используй модуль Dimensions

Эта задача — часть курса по Full-Stack JavaScript
Ты можешь задать свой вопрос в комментариях под постом
Если ты уже решил задачу, то не стесняйся помочь другим

Начни Учить Full-Stack JavaScript СЕЙЧАС!

App.js

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

export default function App() {
  return (
    <View style={{flex: 1, alignItems: 'flex-end'}}>
      <View style={{ backgroundColor: "#5B37B6" }} />
      <View style={{ backgroundColor: "#C8379D" }} />
      <View style={{ backgroundColor: "#E39A28" }} />
      <View style={{ backgroundColor: "#1A8AAD" }} />
    </View>
  );
}

app.json

{
  "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"
    }
  }
}