Header — Redux — React Native — Урок 3 — Level 2

Автор Lyudmila Yeriomenko
Header — Redux — React Native — Урок 3 — Level 2

Hello world с вами.

Димка реактивный в этом уроке мы с вами сделаем хедер, а точнее адаптируем наш прошлых игр вот этот курс. Ну всё поехали. Так переходим в папку нашего компонента центр копируем иконки и мы будем использовать этот раз ещё иконки из этого материала Community импортируем поэтому их.

Валя вам нужно импортировать свет is constant Blue ты наш голубой цвет убирает detail немножко по refactoring Code удалим и назовём icon Left & right как у нас будет две иконки логично всё переименуем далее Color Left & Right удаляем.

Триколор iPhone оставляем он пресс у нас также будет лифт и он пресс у нас будет right — это события переименуй. Устал на контейнер также в смесителях юстайл изменяем на контейнер сейчас будет мой более с мыслями и понятнее чтоб не путаться меняю. Наш стиль стоял контейнер доля меняем лайфхаки на iPhone лифт. Следующий вопрос. Мы меня на impress life затем Wolf icon на Python и в стилях по аналогии мы заменим на балкон. Лофт стайл пропишем эти стиля соответственно в нашем спортивном присваивание следующая. На — это понадобится в этом уроке массив мы удаляем меняем list column A column следующая также нам не понадобится массив в этом курсе останутся картинки кот или напишем Time textile всё о компании. Стерх дальше копируем левые конкурс или Galaxy S9 меняем на Right icon right также прессом пресс у нас рать Style icon Right Time. Коловрат Так теперь здесь у нас получается material Community icons Set будет и указываем для его стиля Elite Style следующая, что мы делаем мы создаем куда. Передаем два объекта в стиле — это у нас первый объект Right item Style и второй объект — это будет Color куда будем передавать наш пропс колорит голова и так дальше изменяем. Анна стайл опечатка 3М. А у нас ммм. Пока ещё по крайней мере у нас 2 м и также меня само название компонента material Community. Некст нам нужно написать в стиле меня justify-content space-between — это растягивание по ширине нашивка на что-то не прилегали наклеил другой отправил в правой стороне следующая добавляем свойство padding horizontal — это свойство которое отправляет отступ сверху и снизу по горизонтальной 20 так далее нам нужно указать на. Гранту в цвет которому импортировали Next мы с вами меняем свойства textile размер сделай минус ширина экрана -75 и также отступ для нашего хедера padding-top у нас будет 40 переименовываем как выполнить его изменении названия стилей и конфет стало у нас также меняем у него высоту как начали. Да поменяем высоту padding-top у нас будет 40 и копируем прочистили по аналогии для правой иконки иконы Street Style меню соответственно будет ещё параметр так добавим у него padding-top на 44 должен быть потому, что — это было всё прочитала чтобы он не мудрить потому, что такая кропотливая работа просто. Повторяйте если, что кастомизировать iPad себя стиле если вам не понравится как стилизованная он стоит у нас 30 мр-153 дальше здесь накосячил так исправляем Style Color заменяем оставил. А этот получается нам стал не нужен. Так мы указали справа. Да всё логично следующая, что сохраняем всё теперь меня Python Print, а переходим в компонент Home Screen где мы импортируем наших рядах и теперь мне нужно передать наши прописи. Первый класс — это у нас будет цвет колор. Колор проект потому, что было видно икона. наша с поиском. Цвет белый и вторым пропуском мы. Передаем туда icon Right название нашей иконки из material Community icons. Света ананас называется magnifica так всё педаля сохраняешься смотрим. Что у нас всё японочка есть который ты рисовался ошибки не были всё пофиг селе. Молодцы теперь проверяем, что у нас будет лёд или ведь у нас нет иконки потому, что моя переименовали естественно нужно переименовать её — это по аналогии мы и ходим из компонента details Screen in details Screen и в самом хайдари компоненты мы меняем название Left No icon Left так и также мы. Соответственно ответ колыван меня одна калория всё работает вы молодцы. Так ещё удалим этот компонент точнее этот цикл жизни reacto он не нужен будет в этом курсе. Потому, что мы будем использовать State зря сжимаем события назад не отрабатывать. Почему Потому, что у нас также заменён он просто теперь у нас. Называется он с этого добавляем сохраняю проверяю всё работает отлично. На этом всё отправляйте свои монеты. Не забывайте меня поддерживать задавайте вопросы ставьте лайки делитесь с друзьями подписывайтесь на канал и выкладывайте сюда Open Source на скорой встречи с вами был. Димка react native.

0 комментариев
0

Читайте также