一个高颜值 React Native 可视化开发工具

一个高颜值 React Native 可视化开发工具

对于移动开发来说,可视化开发工具已经是必不可少的了。但是大多数的 iOS 和 Android 开发者,可能都没怎么用过 xCode 或 Android Studio 中的可视化工具。因为觉得通过拖拽组件的方式,在布局的时候,精准度还是会差了一些,而且可能经常会加上一些多余的参数。

最开始我也用的很少,不过自从去年的谷歌 IO 大会之后,我才发现,原来 Android Studio 的可视化布局工具已经这么好用了。从那之后,我在开发中就会经常用到了,而且将可视化和代码布局的方式相结合起来,效率可以提高不少。

一个高颜值 React Native 可视化开发工具

然而 React Native 虽然是移动开发技术,但是用到目前为止,我还没有遇到一个称心如意的可视化开发工具。不说布局可视化开发了,甚至连可视化都没有做到。每次 UI 改动,都还是需要通过真机预览。尽管有 Live Reload 和 Hot Reloading,但是这功能时不时的就会抽风,感觉并不是太稳定。

说了这么多,其实就是想给大家推荐一个我最近发现的 React Native 可视化开发工具:draftbit

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

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

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

一个高颜值 React Native 可视化开发工具

可视化布局工具,操作上还真没什么好说的,因为真的太简单了,看一遍就都会了。而且我发现 draftbit 的“颜值”还挺高的,这也让人多了几分想使用它的“冲动”。

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

官网地址:draftbit.com/#design

内测登记:draftbit.com

官方推特:@draftbit

作者:Marno

链接:https://juejin.im/post/5c7400f0e51d4539ae678521

来源:掘金

著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

(0)
上一篇 2023年5月15日 上午9:53
下一篇 2023年5月15日 上午10:09

相关推荐

  • 科研项目申请延期原因

    科研项目申请延期原因 随着科技的不断进步,科研项目也变得越来越复杂和困难。在大多数情况下,科研项目的进度都会按照计划进行,但在有时候,项目也可能会申请延期。申请延期的原因有很多,以…

    科研百科 2024年11月6日
    4
  • 巴拿马运河四桥

    巴拿马运河四桥 巴拿马位于南美洲与亚洲之间,是一个历史悠久的美洲国家。而位于该国境内的巴拿马运河则是连接太平洋和大西洋的重要通道之一。在巴拿马运河上,有四座著名的桥梁,它们分别是位…

    科研百科 2024年10月8日
    16
  • 投资项目管理系统上线

    投资项目管理系统上线 投资项目管理系统的上线,标志着我们公司在项目管理方面的一个重大进展。这个系统为我们提供了全面的项目管理工具,可以帮助我们更好地组织和管理项目,提高项目的效率和…

    科研百科 2024年12月23日
    0
  • 低代码移动端示例(低代码移动端示例图)

    如下为低代码的JSON串,可以直接进行导入使用,图片内容可获取演示地址 { "widgetList": [ { "type": "…

    科研百科 2024年7月8日
    70
  • 昆明市卫生科技项目管理系统

    昆明市卫生科技项目管理系统 随着科学技术的不断发展,卫生领域的研究和应用也越来越受到重视。为了促进昆明市卫生科技的发展,建立一套科学的卫生科技项目管理系统是至关重要的。昆明市卫生科…

    科研百科 2024年7月11日
    42
  • 旅游景区如何打造党建亮点

    旅游景区如何打造党建亮点 在旅游业的发展中,党建已经成为了一个不可或缺的部分。旅游景区作为旅游业的重要组成部分,打造党建亮点对于提高景区的形象和信誉,促进旅游业的发展具有重要的意义…

    科研百科 2024年10月10日
    7
  • “保基础 抓提升 促发展” 医政一党支部举办“双联双优”党建品牌项目启动仪式

    近日,北京胸科医院医政一党支部“双联双优”党建品牌项目启动仪式在主楼三会议室举行。该项目旨在结合当前形势任务和医院工作实际,实现党建工作与业务工作的双融双促,充分发挥党建品牌的示范…

    科研百科 2024年6月22日
    68
  • 百名书记话党建丨谢建平:党建铸魂 以精细化管理助推城市高质量发展_1

    【编者按】党政军民学,东西南北中,党是领导一切的。 党的十八大以来,常德市直机关工委在市委坚强领导下,聚焦机关党建“围绕中心,建设队伍,服务群众”使命任务,坚持以政治建设为统领,深…

    科研百科 2023年9月15日
    120
  • 党员管理权限

    党员管理权限 党员管理权限是指党员在组织中的权利和职责。党员管理权限的划分直接关系到党员的形象和党组织的凝聚力。在一般情况下,党员管理权限由所在的党组织负责管理。 党员管理权限的划…

    科研百科 2024年12月5日
    0
  • 5月3号火箭发射

    5月3号火箭发射:中国太空探索的新篇章 自从中国成为继苏联和美国之后第三个掌握太空技术的国家以来,太空探索一直是中国的重要战略。而5月3号,是中国太空探索史上的一个重要的里程碑。在…

    科研百科 2024年10月14日
    6