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

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

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

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

Задача #3555 - Навигация React

Эта задача — часть курса по Full-Stack JavaScript Ты можешь задать свой вопрос в комментариях под постом Если ты уже решил задачу, то не стесняйся помочь другим App.js...

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

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

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

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

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