Mercari 借助 Jetpack Compose 将界面开发效率提高了 56%

Mercari 让数百万人能够购物和销售几乎任何商品。该公司于 2013 年在日本成立，现已成为日本最大的以智能手机为主的 C2C 购物平台。Mercari 的 Client Architect 团队于 2020 年开始使用 Jetpack Compose，目标是使用能够长期扩展的现代解决方案和技术，为新应用构建技术栈。

策略

Mercari 团队需要实现一个在 Android View 上实现复杂状态管理和样式设置的设计系统，这是一项非常复杂的任务。通过使用 Jetpack Compose，他们不仅能够实现这个复杂的系统，还得以减少用于开发每个界面的时间。

Jetpack Compose 还帮助该团队利用设计系统为新应用编写界面代码，使其界面代码简洁且易于理解。因此，该团队可以将更多时间用于编写界面和业务逻辑，例如为深色主题提供实际支持。

此外，Mercari 团队还编写了一个概念验证工具，用于将 Figma 与设计系统集成，该工具会自动根据组件设计生成界面代码。该团队表示，由于 Compose 的声明性，使用 Compose 开发该工具会更轻松。

“一旦 Android 开发者习惯了编写 Jetpack Compose 代码，他们就不想再回来。”- Mercari 的 Android 技术主管 Anthony Allan Conda

成果

在 Jetpack Compose 和新的设计系统之间，Mercari 使用的代码编写界面的量要少得多。在包含可无限滚动内容这种常见用例的屏幕上，他们实际上将代码减少了约 56%。因此，他们得以在相同的时间内编写更多屏幕，让他们有更多时间来编写业务逻辑和代码的其他部分。

此外，开发者还可以利用界面本身执行更多操作，例如添加动画以及使用直观的 API（例如 AnimatedVisibility、Crossfade 和 Animatable）。

Mercari 计划在其新应用中继续使用 Jetpack Compose，直至 Jetpack Compose 发布。他们的设计系统（使用 Jetpack Compose 编写的 Android SDK）还可与 Mercari 中的多个应用配合使用。

开始使用

详细了解 Jetpack Compose。