将Sketch Designs转换为React Native-工具或编码车间？

Question

我正在与几个朋友（在其他框架中经验丰富）一起使用新的React Native应用程序。我们正在尝试建立一个良好的工作流程，以便从Sketch（或其他现代设计工具）过渡到RN，以便我们的设计人员可以以最小的摩擦移交给我们的开发人员，而无需开发人员进行大量的布局和设计修正。 / p>

到目前为止，从Sketch到Zeplin再到RN似乎效果最好，但它并不完美。其他工具，例如BuilderX似乎差很多，并且不是可用的工作流程。我们基本上已经尝试了当您搜索此问题时出现的5到6件事。

我对一般建议感兴趣，但还有两个具体问题：

我们缺少更好的流程了吗？在WebFlow中工作，然后将输出转换为RN是否比Sketch + Zeplin更好？

是否存在诸如psd-> html服务之类的编码商店，它们采用Sketch设计并制作出良好的RN代码，并且可用于进行中的小型设计调整和事物？有什么建议吗？

如果所有其他方法都失败了，我们将在将设计转变为布局的步骤之间雇用一名开发人员来完成此工作，但是我们几乎不需要这样做，我很乐意找到一个好的解决方案

谢谢！

Answer 1

类似的困难可以在another post I have answered

中找到

除了素描react / html之外，我们还在“ React Native”上花了很多时间。 本来我们很乐观，因为我们将使用与解决问题相同的技术

• 基于反应的概念（虚拟DOM树）
• 支持弹性布局

但这不是那么容易，但是仍然可以实现。我们遭受的主要问题是，react native的弹性与CSS flexbox并非100％相同，甚至不完全相同。 RN的布局引擎使用的yoga与CSS flex仍然不同。 由于存在差异，我们必须将我们的两个代码源分开进行反应和RN，并添加许多特殊规则以适应差异。

经过6个月的战斗和反复迭代，我们在此问题上取得了良好的进展。我们遇到的主要问题仍然是“结构调整”和“布局模型和设置”，这仍然需要某些人为干预。您可以查看我们的initial demo result（只是演示视频，尚未发布）以供参考。

Answer 2

我认为您需要先将文件从Sketch转换为Framer（Framer X）。 Framer X非常适合开发react native应用。