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

Задача #3555, Этап #2 - Навигация React

При нажатии на любой элемент TouchableOpacity на экране GamesList должен происходит переход на Details. Во время перехода весь объект, описывающий игру (item) должен передаваться на экран Details. Эта задача — часть курса по Full-Stack JavaScript....

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

Задача #3561 - Управление заголовком

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

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

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