基于Flutter商用APP制作的10个经验教训

全文共4593字，预计学习时长12分钟

图源：unsplash

 

近两年来，我们花费了大量时间在Flutter框架上开发了10个商用APP，本文将分享我们的收获。

 

本文将帮助你了解：

 

·        为何选择Flutter?它对预算和稳定性有什么影响?

·        Flutter是否能完全适用于企业APP？

·        Flutter与Xamarin相比表现如何？

·        Flutter适合哪些项目？

 

2018年7月，我们在Flutter上使用LeanCode开发了第一款商用APP。在初次了解Flutter时，尽管它前景可观，但由于不久前投资Xamarin的失败，我们对它持着观望态度。

 

其实我们乐于为项目增添一些高新科技，因此希望Flutter证明它能为客户带来真正的价值。这是一个涉及畜群管理的农业项目，而Flutter在该行业的运用很典型，饲养员广泛使用该工具来计算谷仓需求，从用户体验（UX）角度来看，本团队赞成该观点。

 

他们在两天内充分展示了概念验证（POC）方案，演示了如何轻松制作动画轮播，带来流畅出色的用户体验。最终演变为下方所示的原比例动画：

 

Kedzia APP项目在Flutter中的简单动画示例

 

在看到这一惊喜成果之后，我们下定决心，认为Flutter值得一试。

 

起初，我们不打算100%投入使用Flutter，同时也在运行RN原生（React Native）项目。这种悲观态度是因为在首次编写谷歌地图（Google Maps）代码时，我们没有获得Flutter团队官方支持。最终，我们花了不到500小时在Flutter上开发并交付了一个简易APP，上面只有不到40个视图。

 

在交付了首个APP并获得客户的五星评价后，2019年初，我们开始更积极地向客户推广Flutter。从2019年5月起，Flutter成为我们处理移动技术的不二之选，同时，我们也停止了基于其他框架的APP开发。

 

目前为止，我们已经在Flutter上交付了10余种移动产品，并提供了数十种最小可行产品或概念证明（MVP / PoCS)算法。现在，是时候得出结论了。

 

Flutter更快捷

 

虽然理论方法也很有趣，但本文不作讨论。我们在Flutter上重写了原本基于Xamarin（面向客户的移动端APP）和ReactJS（面向餐厅经理的网页APP）的APP，可以将二者结果进行对比。

 

当在后端使用相同的精确位置指示器（API）在相同的作用域上创建应用时，相比Xamarin（667h比987h）和ReactJS (486h比704h)，Flutter分别节省了33%和31%的时间。

 

仔细思考这些数字，这回答了如何更快捷实惠地构建移动APP。在经济不景气时期，在预算内按时交付新的数字产品变得尤为重要。这也意味着，预算相同时，Flutter用户可以多交付50％的工作量。

假设你是一名产品经理，为研发团队优先处理问题，使用Flutter可以降低至少50%的预算壁垒！