🚀 Обучение программированию в виде онлайн игры: курс Full-Stack JavaScript 💪

Задача #3541 - Почини отображение

Текст компонента App.js налазит на строку состояния на iOS. Тебе надо это исправить, использовав правильное отображение (view). Все стили и текст должны остаться без изменения. Эта задача — часть курса по Full-Stack JavaScript...

August 15, 2020 · 1 мин · Coderslang Master

Задача #3542 - Прокрутка стихов

Приложения со стихами Байрона уже практически готово. Осталось только отобразить стихи. Для отображения стихом нужно вызвать метод renderPoems. Отображать стихи нужно в ScrollView сразу под контейнером заголовка. Не изменяй метод renderPoems....

August 15, 2020 · 3 мин · Coderslang Master

Задача #3543 - FlatList

В App.js надо отрендерить массив data в список FlatList. Каждый элемент списка должен быть блоком со стилем styles.item. Внутри этого блока должен быть выведен текст, соответствующий элементу списка. Стили текста должны быть styles....

August 15, 2020 · 1 мин · Coderslang Master

Задача #3544, Этап #1 - Приложение-меню

Новый мини проект - разработка приложения-меню. Приступим к работе! Будем использовать SectionList, ведь в меню есть разные разделы. Подготовленные данные можешь увидеть в файле data.js. Импортируй данные в файл App.js и используй их для поля sections....

August 15, 2020 · 2 мин · Coderslang Master

Задача #3544, Этап #2 - Приложение-меню

Проработаем метод renderSectionHeader. Он должен возвращать элемент Text. В качестве внутреннего текста отобрази свойство menuSection секции. Подсказка: в качестве аргумента renderSectionHeader будет объект с полем section, значением которого будет элемент массива sectionsData....

August 15, 2020 · 1 мин · Coderslang Master

Задача #3544, Этап #3 - Приложение-меню

Проработаем метод renderItem. Он должен возвращать элемент View. Вертикальные поля элемента должны быть 10, а горизонтальные отступы - 30. У этого контейнера должно быть два дочерних элемента: первый View, а второй Text....

August 15, 2020 · 1 мин · Coderslang Master

Задача #3544, Этап #4 - Приложение-меню

И так, проработаем первый дочерний элемент контейнера, возвращаемого из renderItem. У нас это тоже View. Элементы в нем будут выводится в строку, для этого укажи свойству flexDirection значение row. Свойство justifyContent должно равняться space-between....

August 15, 2020 · 1 мин · Coderslang Master

Задача #3544, Этап #5 - Приложение-меню

Проработаем второй дочерний элемент контейнера, возвращаемого из renderItem. У нас это Text. Внутри этого элемента должно выводится значение поля description элемента списка. Ширина текстового элемента должна равняться 60% от ширины экрана....

August 15, 2020 · 1 мин · Coderslang Master

Задача #3551 - Подключение навигации

Потренируемся подключать навигацию. Компонент App должен возвращать только контейнер навигации с подключенным стэк навигатором. В стэке должен быть только один экран с именем Home. Отображать этот экран должен компонент Home, который нужно импортировать из screens/Home....

August 15, 2020 · 1 мин · Coderslang Master

Задача #3552 - Начальный экран

Компонент App должен возвращать только контейнер навигации с подключенным стэк навигатором. В стэке должен быть два экрана - первый с именем Components, а второй с именем APIs. Первый экран должен отображать компонент screens/RNComponents, второй - screens/RNAPIs...

August 15, 2020 · 2 мин · Coderslang Master