Сейчас попробуем создать простую форму регистрации В App.js уже есть заголовок экрана. Сразу под текстовым заголовком добавь два компонента для ввода текста. Оба поля для ввода должны быть высотой 60px и шириной 80% от ширины экрана....
Теперь добавим немного логики каждому полю. Текст заполнителя (placeholder) первого поля должен быть - Enter email, второго - Enter password. Цвет текста заполнителя должен быть #254441 Начальное значение каждого поля должно быть пустой строкой....
Под полями добавим кнопку, которую сами стилизуем. Для этого надо будет использовать TouchableOpacity. Прозрачность при нажатии должна составлять 0.75. Высота кнопки должна равняться 60px и ширина 80% от ширины экрана...
Теперь внутри кнопки добавим текст 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....