Задача #2725, Этап #2 - Star Wars. Episode I.
Теперь добавим странице стилей. Тег body должен занимать весь экран устройства, а все что выходит за body - должно быть скрыто. Единственную картинку из папки images используй для заднего фона body...
Теперь добавим странице стилей. Тег body должен занимать весь экран устройства, а все что выходит за body - должно быть скрыто. Единственную картинку из папки images используй для заднего фона body...
Финальные штрихи и анимация. Добавь элементу div.episode-intro относительное позиционирование. Это позволит сдвигать нам его относительно начального положения. И сразу спрячем наш текст - добавь свойство top со значением 100%. Таким образом блок будет спрятан и до, и после анимации....
Создай свое первое React Native приложение с помощью Expo. Приложение должно называться my_app. Ничего не изменяй в файлах созданого приложения - просто отправь его на проверку. Эта задача — часть курса по Full-Stack JavaScript...
Открой файл App.js. Там есть элемент Text. Измени внутренний текст этого документа на My first React Native try. Эта задача — часть курса по Full-Stack JavaScript Ты можешь задать свой вопрос в комментариях под постом...
Добавь еще два круга в строчку. Они должны быть стилизованы точно так же, как и первые два. Эта задача — часть курса по Full-Stack JavaScript Ты можешь задать свой вопрос в комментариях под постом...
В файле App.js компонент должен возвращать колонку из трех блоков. Колонка должна занимать весь экран - свойство flex равно 1. Первый блок колонки с синим фоном (blue), второй - зеленым (green), третий - желтым (yellow)....
Потренируемся немного со стилями в React Native. Элементы внутри каждого элемента styles.row должны располагаться не в колонку, а в строчку. Все ячейки календаря должны быть одинаковыми по размеру с полями 5px и отступами 10px....
Проработаем разметку экрана. Экран должен состоять из трех строчек, все равной высоты. Вторая строка должна состоять из двух колонок - вторая должна быть в два раза шире первой. Задний фон первой строки должен быть rgb(255, 198, 0), текст - Header....
Двум блокам - зеленого и красного цвета - указаны размеры. Однако эти два блока полностью скрыты. Допущена ошибка - не указан размер родительского компонента. Исправь ошибку. Родительский компонент должен занимать весь экран....
Компонент <App /> состоит из трех блоков. У каждого уже есть свой цвет и ширина. По каким-то причинам эти блоки не отображаются. Скорее всего это связано с тем, что им не указана ни высота, ни свойство flex....