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

Задача #3562 - Динамический хедер

В <App /> компоненте уже добавлен навигатор с двумя экранами. Но на первом экране нам не нужен хедер вообще - давай его уберем. На втором экране нам нужно изменить заголовок хедера....

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

Задача #3565 - Подключение навигатора вкладок

Потренируемся подключать навигацию вкладок. Компонент App должен возвращать только контейнер навигации с подлеченным навигатором вкладок. В навигаторе должно быть два экрана. Первый экран должен называться USA, второй - Canada. На первом экране должен отображаться компонент screen/USAStateScreen, на втором - screen/CanadaProvincesScreen....

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

Задача #3566, Этап #1 - Иконки вкладок

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

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

Задача #3566, Этап #2 - Иконки вкладок

Теперь скроем текст кнопок. Скрывать его надо одним свойством для всех экранов сразу. Дальше добавим иконки для кнопок. Для иконок используй компонент components/TabBarIcon. Обрати внимание, ему надо передать два свойства - focused и routeName....

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

Задача #3567, Этап #1 - Вложенные навигаторы

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

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

Задача #3567, Этап #2 - Вложенные навигаторы

С экрана Home надо доработать переход на настройки. Кнопка уже добавлена, осталось написать переход на экран CV. Эта задача — часть курса по Full-Stack JavaScript. Ты можешь задать свой вопрос в комментариях под постом....

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

Задача #3571 - Модалка с ошибкой

В компоненте <App /> уже добавлено модальное окно. Но его отображение какое-то неправильное. Модальное окно должно отображаться при нажатии на Cause error. Задний фон модального окна должен быть прозрачен. Эта задача — часть курса по Full-Stack JavaScript...

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

Задача #3572 -

В компоненте <App /> надо добавить модальное окно. давай добавим его сразу перед кнопкой. Нажатие на эту кнопку должно открывать модальное окно. Модально окно должно открываться на весь экран с белым (white) задним фоном....

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

Задача #3573 - Внимание

В <App /> компоненте уже добавленна кнопка. Тебе предстоит доработать обработчик нажатия. При нажатии на кнопку должен появится Alert без заголовку. И должно быть сообщение - Request was successfully sent...

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

Задача #3574 - Alert с кнопками

При нажатии на кнопку Confirm agreement должен появится Alert с заголовком Please confirm. Alert должен показать сообщение - Are you agree? и две кнопки- Sure и No, no, no. При нажатии на первую кнопку на экране должно появится сообщение - You have agreed to become super developer....

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