Теперь внутри кнопки добавим текст Login. Интенсивность должна быть bold, размер шрифта равный 20px. Эта задача — часть курса по Full-Stack JavaScript. Ты можешь задать свой вопрос в комментариях под постом....
Теперь самое время добавить обработчик onPress на кнопку. При нажатии на нее компонент должен измениться. Вместо заголовка и полей с кнопкой, должно появится два текстовых компонента. Первый должен отображать слово Hello....
Текст компонента App.js налазит на строку состояния на iOS. Тебе надо это исправить, использовав правильное отображение (view). Все стили и текст должны остаться без изменения. Эта задача — часть курса по Full-Stack JavaScript...
Приложения со стихами Байрона уже практически готово. Осталось только отобразить стихи. Для отображения стихом нужно вызвать метод renderPoems. Отображать стихи нужно в ScrollView сразу под контейнером заголовка. Не изменяй метод renderPoems....
В App.js надо отрендерить массив data в список FlatList. Каждый элемент списка должен быть блоком со стилем styles.item. Внутри этого блока должен быть выведен текст, соответствующий элементу списка. Стили текста должны быть styles....
Новый мини проект - разработка приложения-меню. Приступим к работе! Будем использовать SectionList, ведь в меню есть разные разделы. Подготовленные данные можешь увидеть в файле data.js. Импортируй данные в файл App.js и используй их для поля sections....
Проработаем метод renderSectionHeader. Он должен возвращать элемент Text. В качестве внутреннего текста отобрази свойство menuSection секции. Подсказка: в качестве аргумента renderSectionHeader будет объект с полем section, значением которого будет элемент массива sectionsData....
Проработаем метод renderItem. Он должен возвращать элемент View. Вертикальные поля элемента должны быть 10, а горизонтальные отступы - 30. У этого контейнера должно быть два дочерних элемента: первый View, а второй Text....
И так, проработаем первый дочерний элемент контейнера, возвращаемого из renderItem. У нас это тоже View. Элементы в нем будут выводится в строку, для этого укажи свойству flexDirection значение row. Свойство justifyContent должно равняться space-between....
Проработаем второй дочерний элемент контейнера, возвращаемого из renderItem. У нас это Text. Внутри этого элемента должно выводится значение поля description элемента списка. Ширина текстового элемента должна равняться 60% от ширины экрана....