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，我们可以通过下面命令快速升级：

flutter upgrade

这个命令首先获取你的 Flutter 渠道可用的最新的 Flutter SDK 版本。接着这个命令更新你 app 依赖的每一个 package，到最新的兼容版本。

如果你想使用一个更加新的 Flutter SDK 版本࿰