React Native可视化开发工具

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

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

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

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

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

发布了25 篇原创文章 · 获赞 14 · 访问量 6万+

猜你喜欢

转载自blog.csdn.net/qq_34650238/article/details/88014727