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

Задача #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

Задача #3553, Этап #1 - Переходы между экранами

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

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

Задача #3553, Этап #2 - Переходы между экранами

Теперь добавим переходы между экранами. С экрана Frontend должен быть переход на экран Backend при нажатии на кнопку Check BE stack С экрана Backend должен быть переход на экран Frontend при нажатии на кнопку Check FE stack...

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

Задача #3554, Этап #1 - Навигация назад

Попрактикуемся со вложенностью навигации и переходами между экранами Компонент App должен возвращать только контейнер навигации с подключенным стэк навигатором. В стэке должен быть три экрана - первый с именем Product, второй с именем Comments, третий Analogues....

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

Задача #3554, Этап #2 - Навигация назад

Проработаем кнопки навигации экрана Product. Нажатие первой кнопки должно переводить пользователя на экран Comments. Нажатие второй кнопки должно переводить пользователя на экран Analogues. Эта задача — часть курса по Full-Stack JavaScript....

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

Задача #3554, Этап #3 - Навигация назад

Проработаем кнопки навигации экрана Analogues. Нажатие первой кнопки должно переводить пользователя на предыдущий экран. Используй метод goBack для этого. Нажатие второй кнопки должно переводить пользователя на экран Comments. Эта задача — часть курса по Full-Stack JavaScript....

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