По результатам опроса многие отметили сложность в переносе дизайна из Figma во FlutterFlow. Так вот, способа “импортировать” дизайн в пару кликов, про который многие спрашивали, на данный момент нет. Нужно садиться и руками переносить каждую кнопочку, каждую иконку и тд. Это и называется верстка =).



Во Flutter любые элементы интерфейса (текст, картинки, линия, кнопки и тд) называются виджеты. Виджеты бывают… трех разных видов (это не официальная классификация, а так, от меня =)):



1️⃣ Виджеты, у которых может быть несколько дочерних элементов (например, Сolumn, Row, Stack). Такие виджеты используются для организации других виджетов на экране. Ну например, если мы внутрь Column поместим несколько картинок, то эти картинки выстроются в колонку



2️⃣ Виджеты, у которых может быть только один дочерний элемент. Например, это виджет Container. Его используем чтобы лучше задизайнить дочерний элемент



3️⃣ Ну и самодостаточные виджеты. Например: текст, картинка, поле ввода, иконка, чекбокс и тд. Дочерних элементов у них нет.



Ну короче, комбинируя разные виджеты мы и выстраиваем интерфейс приложения. Раз верстка вызывает у многих сложности, на курсе постараюсь раскрыть тему максимально подробно.



Так же, думаю, стоит обсудить – а где брать дизайн то? Можно делать самому в фигме (будет про это урок), можно верстать прямо во FlutterFlow - но это будет сложно, долго и клиенту шарить результат работы неудобно, ну и можно нанять дизайнера-подрядчика.

По третьему варианту, думаю, смогу просто отдать свои наработки =) У меня есть и готовое описание вакансии (и список чатов, где искать), формат тестового задания (с помощью которого можно будет выбрать хорошего спеца), ну и цифры по оплате, чтобы не переплатить 🚀



#на_заметку #обучение