将草图设计转换为React Native工具还是编码车间



我和几个朋友(在其他框架方面非常有经验(正在开发一个新的React Native应用程序。我们正在努力建立一个从Sketch(或另一种现代设计工具(到RN的良好工作流程,这样我们的设计师就可以以最小的摩擦将工作交给我们的开发人员,而无需开发人员进行大量的布局和设计修复。

到目前为止,从Sketch到Zeplin再到RN似乎效果最好,但并不完美。像BuilderX这样的其他工具似乎更糟糕,而且不是一个可用的工作流。当你在谷歌上搜索这个问题时,我们基本上已经尝试了5或6件显而易见的事情。

我对一般建议感兴趣,但也有两个具体问题:

我们缺少更好的流程吗?在WebFlow中工作,然后将输出转换为RN会比Sketch+Zeplin更好吗?

有没有像psd->html服务这样的编码商店,采用Sketch设计并制作良好的RN代码,可以用于正在进行的小型设计调整和其他事情?有什么建议吗?

如果其他一切都失败了,我们将聘请一名开发人员加入我们的团队,在将设计转化为布局的中间阶段完成这项工作,但我们几乎不需要这样做,我很想找到一个好的解决方案。

谢谢!

类似的困难可以在我回答的另一篇文章中找到

除了草图到react.html,我们还花了很多时间在"react Native"上。最初我们很乐观,因为我们将使用相同的技术来解决问题

  • 基于react的概念(虚拟DOM树(
  • 支持灵活布局

但这并不容易,但仍然可以实现。我们遇到的主要问题是react native的flex与CSS flexbox不是100%相同,甚至不接近。RN的布局引擎正在使用yoga,这与CSS flex仍然不同。由于存在差异,我们必须将react和RN的两个编码源分开,并添加许多特殊规则来适应差异。

经过6个月的斗争和迭代,我们在这个问题上取得了良好的进展。我们遇到的关键问题仍然是"结构调整"one_answers"布局模式和设置",这仍然需要一些人为干预。您可以查看我们的初始演示结果(只是演示视频,尚未发布(以供参考。

我认为您之前需要将文件从Sketch转换为Framer(Framer X(。Framer X非常适合开发react原生应用程序。

相关内容

  • 没有找到相关文章

最新更新