Flutter 实战之南瓜屋故事App诞生记

关于南瓜屋故事

南瓜屋故事是360旗下的以真人、真事、真情为调性的故事社区。这是一个以真实故事为内核的用户创作和分享平台，用户可以在这里写真实故事，看其他人的故事。它背靠360三大产品：导航、搜索、浏览器，拥有巨大流量入口和亿级用户。产品上线一年，沉淀4万余名作者，8万多篇故事，200多万注册用户。

南瓜屋故事 App诞生背景

南瓜屋故事在移动端的尝试从小程序开始，但小程序存在留存低、微信内限制多等问题，使得我们开始考虑开发原生 App。

由于我们之前并没有 App 开发团队，只能由前端团队来开发，针对这种情况选择一款跨端的技术方案是必需的。

市面上有很多的跨端解决方案，但近两年比较热门的主要是 RN 和 Flutter。虽然 RN 对于前端来说比较熟悉，但其存在的一些性能瓶颈问题不可忽视；而 Flutter 在跨端的解决方案上面比较完美地规避了这些性能问题，只需要考虑上手门槛和社区的问题了。

我们在对 Flutter 进行了一些调研和学习之后，发现 Dart 语言跟 ES 还是有一些相似之处，上手并不困难；在社区方面 Flutter 近两年也是特别活跃，从中我们看到了中国开发者的热情和 Google 团队对 Flutter 的重视程度，所以我们决定使用 Flutter 来开发南瓜屋故事 App。

下面我就从零开始总结一下使用 Flutter 开发南瓜屋故事APP的过程。

Flutter 简介

Flutter 是 Google 开源的 UI 工具包，帮助开发者通过一套代码库高效构建多平台精美应用，支持移动、Web、桌面和嵌入式平台。

Flutter 这两年发展地非常迅猛，前两周刚刚发布了 1.9 版本。

安装和环境配置

Flutter SDK

最重要的当然就是先下载 Flutter SDK。我们可以在 Flutter 官网上下载 SDK，目前的最新稳定版本是 v1.9.1。

下载后需要解压并配置环境变量，环境变量配置好之后，我们还可以使用 Flutter precache 命令预下载开发二进制文件。

SDK 升级

Flutter 目前正保持着高速发展，版本发布也比较频繁，如果我们需要使用最新版本的 SDK，我们可以通过下面命令快速升级：