Преобразование Sketch Design в React Native — инструмент или магазин кодирования?

Я работаю с парой друзей (очень опытных в других фреймворках) над новым приложением React Native. Мы пытаемся наладить хороший рабочий процесс для перехода от Sketch (или другого современного инструмента дизайна) к RN, чтобы наш дизайнер мог передать его нашему разработчику с минимальными трудностями и без того, чтобы разработчику приходилось делать много исправлений макета и дизайна.

На данный момент переход от Sketch к Zeplin и RN, кажется, работает лучше всего, но это не идеально. Другие инструменты, такие как BuilderX, кажутся намного хуже и неудобным рабочим процессом. В основном мы пробовали очевидные 5 или 6 вещей, которые появляются, когда вы гуглите эту проблему.

Меня интересует общий совет, но у меня также есть два конкретных вопроса:

Есть ли лучший поток, который нам не хватает? Будет ли работа в WebFlow с последующим преобразованием этого вывода в RN лучше, чем в Sketch+Zeplin?

Существуют ли магазины кодирования, такие как сервисы psd->html, которые берут проекты Sketch и создают хороший код RN и могут быть доступны для небольших текущих изменений дизайна и прочего? Есть рекомендации?

Если ничего не помогает, мы наймем разработчика в нашу команду, чтобы сделать это между этапами превращения дизайнов в макеты, но мы очень близки к тому, чтобы не нуждаться в этом, и я хотел бы найти хорошее решение.

Спасибо!


person nicholas    schedule 15.11.2018    source источник


Ответы (2)


Подобные трудности можно найти в другом сообщении, на которое я ответил

Помимо набросков для реакции/html, мы также тратим много времени на «React Native». Изначально мы настроены оптимистично, потому что те же технологии, которые мы использовали бы для решения проблемы

  • концепция, основанная на реакции (виртуальное дерево DOM)
  • поддержка гибкого макета

Но это не так просто, но все же достижимо. Основная проблема, с которой мы столкнулись, заключается в том, что гибкость react native не на 100% такая же, как у CSS flexbox, даже близко. Механизм компоновки RN использует йогу, которая по-прежнему отличается от гибкости CSS. С той разницей, что мы должны разделить наши два кодегена для реакции и RN и добавить множество специальных правил, чтобы адаптировать разницу.

После 6 месяцев борьбы и итераций мы добились хорошего прогресса в решении этой проблемы. Ключевыми проблемами, с которыми мы столкнулись, по-прежнему являются «настройка структуры» и «модель макета и настройки», которые по-прежнему требуют некоторого вмешательства человека. Вы можете проверить наш начальный результат демонстрации (просто демонстрационное видео, еще не выпущенное) для справки.

person pxCode    schedule 19.03.2020

Я думаю, что вам нужно конвертировать файл из Sketch во Framer (Framer X). Framer X действительно хорош для разработки нативного приложения для реагирования.

person Huu Phong Nguyen    schedule 20.11.2018