Привет!

Нам нужно сделать верстку 20 экранов мобильного приложения для Android и UI компонентов к нему по макетами из Figma под фреймворк React Native без включения бизнес логики. Пример макетов приложен.

Необходимо выполнить резиновую вертикальную верстку в первую очередь каждого отдельного функционального UI компонента (ProgressBar, Button, MessageBox, Icon, InfoBlock, и т.д.) для формирования коллекции компонентов (UIkit). На основе полученного UIkit произвести сборку экранов.

Созданные UI компоненты должны обладать View-логикой и программным интерфейсом: кнопки должны иметь обработчики событий onClick и children, ProgressBar должен иметь props count/totalCount и color, и так далее.

Универсальность для UI компонентов не требуется, только покрытие функционала отображаемого в макетах.

Верстка будет производиться на пустом React native бойлерплейте. Первоначальная базовая структура проекта src/Components, src/Containers. Лучшие практики по верстке, стилизации, структуризации и пр, на React Native приветствуются. В приоритете скорость выполнения в компромиссе с удобством внедрения бизнес логики.

Заметка: В макетах встречается компонент отображения видео с камеры с UI-элементами поверх него, необходимо его протестировать с реальной камерой в контексте возможности размещения поверх него элементов UI

Ищем опытного разработчика — нужно получить качественный результат в короткий срок!