React Native可视化开发工具

react

想给大家推荐一个我最近发现的 React Native 可视化开发工具：draftbit

和其他平台的可视化工具一样，它可以通过拖拽的方式进行布局。所有的属性设置也可以通过面板进行调整。

而且 draftbit 结合了 Expo，可以直接通过二维码的方式进行真机预览。我觉得这才应该是移动开发该有的样子，先在面板里把 UI 调好了，再到真机里去预览，而不是反过来，直接通过真机调试布局。

当布局调试好之后，直接通过 View Code 功能将代码导出，然后拷贝到我们自己的项目中。然后就可以愉快的写业务逻辑了。我觉得要是官方后期再出个 WebStorm 插件就好了，可以一键把生成的代码导入项目指定目录下，那样就太方便了。不过这个工具才起步，后面说不定真的会有。

不过比较可惜的是，目前这款工具还处于内测阶段，需要有邀请码才能注册使用。但是官网已经放开了登记通道，可以填写自己的邮箱进行登记，如果后面开始公测了，就会及时收到邀请了。